Wednesday, August 5, 2015

Video: Controlled vs Uncontrolled Components in React

In this video we look at controlled inputs in React. This is unique concept to React that can be tricky to understand at first.

We'll be polishing the demo we started in the last lesson "Introduction to One-Way Data Flow."

Loading the player...

Continue reading %Video: Controlled vs Uncontrolled Components in React%


by Michael Chan via SitePoint

Migliore Pasta

opl-small

Neat load transitions as you scroll through this One Pager promoting 'Grano Armando' pasta. The map infographic is lovely along with some impressive others.

by Rob Hope via One Page Love

Mastering Image Optimization in WordPress

When building and maintaining WordPress websites, it’s important to find ways to improve site performance and decrease page load times. This helps reduce bounce rates and increase rankings on search engines.

There are several ways of achieving performance through a WordPress site’s theme and plugin code – for example, minifying JavaScript, CSS and images. There’s also server based configuration options – for example, enabling caching, or using a WordPress Plugin to help cache static content.

However, we can’t control the content – specifically images – that clients will add to their WordPress web site. Images may be uploaded in their original form, leading to site performance issues and increasing page load times.

In this article we will explore different ways of optimizing JPEG and PNG images, which are uploaded by clients and site owners into WordPress.

Theme Image Sizes

When a WordPress user uploads an image, WordPress provides two functions which we can use to create copies of the original image, at specific dimensions. This is useful where we want to output an image at a specific size within our theme.

Thumbnail, Medium and Large Sizes

Within the WordPress Administration, under Settings > Media, there are three predefined image sizes: thumbnail, medium and large. Each can have their own dimensions set.

Because WordPress will always resize images to these sizes (resulting in 4 images being stored - the original, thumbnail, medium and large sizes), it’s worth setting these first and using them within your WordPress Theme where possible.

Continue reading %Mastering Image Optimization in WordPress%


by Chris Burgess via SitePoint

This Week in Mobile Web Development (#68)

Read this on the Web

Mobile Web Weekly August 5, 2015   #68
Holly Schinsky recommends
18 Free Mobile APIs Developers Should Consider — A list of 18 free and useful mobile APIs you can use in your hybrid mobile apps.
Speckyboy.com
Brian Rinaldi recommends
BreakpointTester — A bookmarklet that scans a site’s CSS and test by breakpoints rather than by predefined device widths.
Macula Internet
Peter Cooper recommends
The Fastest-Growing Mobile Phone Markets Barely Use Apps — Africa and Asia, the two fastest growing mobile markets, aren’t very big on apps with the overwhelming majority of mobile internet activity in the regions spent directly on the Web.
Quartz
Holly Schinsky recommends
The War for Control of the Mobile Web is About to Heat Up — Google brings Material Design to the web to try to get developers fed up with developing/supporting 3 platforms to focus on mobile web while Apple continues to release new proprietary APIs.
Medium.com - John McMahon
This issue is sponsored by Appcelerator
Write in JavaScript, Run Native on Any Device — Build great, native mobile apps—all from a single JavaScript code base. Get started for free.
Appcelerator

Holly Schinsky recommends
Build PhoneGap Apps Faster and Easier with Alpha Anywhere — Alpha Anywhere, an IDE for building hybrid mobile apps, recently added a PhoneGap shell for faster and easier app testing.
Alpha Software Blog
Holly Schinsky recommends
Cordova Plugin NPM Search — A new search tool to discover the specific npm name of any Cordova plugin you may want to to add to your project.
plugins.cordova.io
Brian Rinaldi recommends
Create a Responsive Website from Scratch with Dreamweaver CC — A step-by-step tutorial for creating the basics of a responsive web page by Joseph Lowery.
Adobe Dreamweaver Team Blog
Brian Rinaldi recommends
Tabris.js 1.1 is here — Tabris is a solution for writing mobile apps with native UIs and version 1.1 adds new features including Cordova 5 support.
EclipseSource Blog
Holly Schinsky recommends
Apache Cordova iOS 3.9.0 — Apache Cordova version 3.9.0 has been released with support for code signing, system requirements checking, bug fixes and more.
Apache Cordova
Holly Schinsky recommends
Pointer Events now in Firefox Nightly Builds — Pointer events are now supported in the nightly builds of Firefox. Check out this article for details and how to use the API.
Mozilla Hacks
Brian Rinaldi recommends
Targeting Windows 10 with your Apache Cordova app — A walk through for building a Cordova hybrid app that targets Windows 10 by Polita Paulus.
The Visual Studio Blog
Holly Schinsky recommends
Monaca launches Localkit, an IDE for local hybrid app development using Cordova — Monaca launches Localkit, a standalone program containing all the main features from their cloud platform with no setup required.
Appindex
Holly Schinsky recommends
cordova-imaging: Configurable utility to generate images needed for Cordova projects — A command line utility to generate app icons, splash screens and app store preview images for Cordova apps.
Mike MacMillan
Brian Rinaldi recommends
What's Wrong with the Web? — There have been many discussions about what is ailing the web lately - in particular the mobile web. Brian rounds up much of the prevailing opinions and shares his thoughts.
Telerik Developer Network
Holly Schinsky recommends
Some initial thoughts on building desktop apps with Ionic and Electron — Ray’s initial thoughts on building desktop apps with Ionic and Electron.
Raymond Camden's Blog
Holly Schinsky recommends
Angular Meteor Tutorials — A comprehensive tutorial to writing applications with Angular and Meteor.
angular-meteor
Job listing
Freelance with Companies like Airbnb, IDEO, & JPMorgan — Work with top clients, set your own rates, and work from anywhere as an elite Toptal mobile developer. Join the most exclusive network of top software engineers in the world.
Toptal

Curated by Brian Rinaldi and Holly Schinsky for Cooper Press.
Cooper Press is located at Office 30, Fairfield Enterprise Centre, Louth, LN11 0LS, UK
Update your email address
or stop receiving MWW here


by via Mobile Web Weekly

Hand.Gallery

opl-small

Real unique launching soon page for online art gallery 'Hand.Gallery' featuring a design that seems to be building itself. Madness.

by Rob Hope via One Page Love

Smarter Video Handling With Cloudinary

Appserver – a Production-ready PHP-based Server

It has been just over a year and a half since the team at TechDivisionGmbH were interviewed here on Sitepoint about their paradigm changing PHP application server system called appserver.io. At the time of the interview, appserver was just breaking out as an alpha. Since then, a lot has happened and appserver is now GA as a production system, currently in version 1.0.5, with version 1.1.0 on the horizon.

You’re probably asking, “Why is appserver paradigm changing?”

The answer is, because it tackles the last frontier of PHP application development: high performance for large applications from a server resource optimization and collaboration perspective. This is the realm of PHP development which a good number of professional PHP developers have been calling for, like Manuel Lemos in his “PHP7 Features and Release Date” blog (see the section about a “Standalone Multi-threading Web Server”) and Fabien Potencier, father of Symfony, in his presentation “My Take on PHP”, where he notes he is also working on such an application server solution himself. Well, look no longer Fabien, we already have a really good solution with appsever.io.

Appserver Community Edition is licensed under the Open Source License 3.0. The TechDivsion team also offer a Professional Edition and an Enterprise Edition too.

Continue reading %Appserver – a Production-ready PHP-based Server%


by Scott Molinari via SitePoint