Lots of goodies this week including more Gulp, a great look at creating client-side diff tooling for CSS and a great look at a bunch of sites you can use to get your coding skills stronger through code exercise.
Tutorials
Can we do DOM traversal without jQuery using vanilla JavaScript? Are newer libraries doing it better? I take a look.
Rethinking DOM Traversal
Pankaj Parashar shows how to create a reading position indicator that uses the HTML5 progress element.
Reading Position Indicator
Raymond Camden explains how to use the new ECMAScript Internationalization API.
Working With Intl
Mary Lou shares some useful and attractive samples of buttons that morph into larger elements like sign up forms and much more.
Morphing Buttons Concept
An interesting look at the advantages and disadvantages of where and how you place the label for a form element by Jessica Enders.
The Definitive Guide to Form Label Positioning
Dr. Axel Rauschmayer explains the new array methods in ECMAScript 6 and how to use them in current browsers.
ECMAScript 6’s new array methods
Libraries and Frameworks
See how you can use Gulp to recreate a Rails-like Asset Pipeline for your CSS and JavaScript assets via Jeff Dickey.
Roll Your Own Asset Pipeline with Gulp
Stoyan Stefanov uses PhantomJS and ImageMagick to create a diff of a page before and after CSS changes are made.
css diff
Marc Harter takes a look at Generators in Node.js, the strengths of using them and common misconceptions.
Generators in Node.js: Common Misconceptions and Three Good Use Cases
A video by James Ward that walks through a Gulp starter project that you can use/modify for developing JavaScript apps.
Building JavaScript Client Apps with gulp
A migration guide for moving from Express 3 to 4 by Azat Mardanov.
Migrating Express.js 3.x to 4.x: Middleware, Route and Other Changes
Mobile
Holly Schinsky shares a sample app using OnsenUI, which includes custom elements built with AngularJS directives and uses Topcoat for the underlying CSS and themes.
Sample PhoneGap Application with AngularJS/OnsenUI
Jay Raj walks through the basics of getting started with the Ionic framework for building hybrid mobile apps.
Building a Simple App Using Ionic, an Advanced Mobile App Framework
Eric Portis explains how you can use the upcoming <picture> element and srcset, with simple fallbacks for legacy browsers.
Responsive Images Done Right: A Guide To <picture> And srcset
Etc.
A look at resources that developers can use to improve their coding skills by completing code exercise by Eric Terpstra.
Beef Up Your Skills with Code Exercise
Dr. Axel Rauschmayer explains JavaScript object oriented principles in a series of videos for O’Reilly.
Understanding the four layers of JavaScript OOP
Brian Rinaldi is the founder of Flippin’ Awesome. Brian works as the Developer Content Manager at Telerik (though this site is not affiliated with his employer) focused on ensuring that the Developer Relations team creates top notch content for the web development community. Previously, Brian focused on publishing HTML, CSS and JavaScript developer content for the Adobe Developer Connection at Adobe.
Brian has published in a variety of technical publications over the years, has presented at numerous conferences and events and has served as a technical editor on a number of books.
You can read Brian’s blog archive with 9+ years of content at remotesynthesis.com (he still posts, infrequently). You can find a full list of Brian’s past publications and presentations. Follow Brian on Twitter @remotesynth.
Hi,The right sidebar is touncihg the middle column in the homepage as you can see. I want to change the size same like left sidebar, not touncihg the middle column.Thanks for reply.