This was a busy week - both for new articles and tutorials and for me personally. Sorry this is a late but I have been traveling two weeks in a row back and forth to the bay area. Many f the highlights for me this week were in the “Etc.” section including a look at what’s coming in AngularJS 2.0 and Louis Lazaris on the proliferation of tools for web developers.
Tutorials
Max Vujovic explores how browsers handle CSS Animations and CSS Transitions to help you get a handle on performance.
CSS animations and transitions performance: looking inside the browser
Trevan Hetzel discusses how flexbox solves the problem of layouts that were previously inexplicably complex using CSS.
Solving the Holy Grail Layout
XHTMLized has made their HTML, CSS and JavaScript coding standards public.
Making our coding standards public
Mary Lou shares a variety of demos to serve as inspiration for creating item transitions created with CSS.
Inspiration for Item Transitions
Remy Sharp explains the benefits of the new development process for JSBin whereby new features are released initially under feature flags.
Feature Based Development
Mary Lou created a tutorial on how to recreate the slideshow seen on the FWA landing page including 3D animated effects.
Tilted Content Slideshow
Thomas Palef finishes his tutorial on creating a Flappy Bird clone in HTML and JavaScript by adding states for the loading screen, menu and game.
How to make a Flappy Bird in HTML5 - Part 3
Joe Zimmerman explains how to adapter and facade pattern solved some significant issues with an application he worked on.
Why Adapters and Facades Are Awesome
Libraries and Frameworks
See how you can write DRY-er Sass code using the each control directive from Scott O’Hara.
Doing More with Sass’ @each Control Directive
Simon Smith explains how React components can be used as CommonJS modules and made browser friendly with Grunt.
Creating Modular View Components with React and Grunt
Nicolas Gallagher explains how to create your own CSS preprocessor using Node.js and a library called Rework.
Custom CSS preprocessing
Gabriel Manricks walks through creating a custom Yeoman generator.
Build Your Own Yeoman Generator
Hugo Giraudel shows how to create a rainbow border without requiring a multitude of span elements.
Creating a Rainbow Border with Sass
Toby Ho explains Reactive, a data-binding library.
Reactive
Mike Pennisi explains how to use Node.js and TravisCI to monitor how upcoming changes affect your project.
Proactive Node.js Development with Travis CI
Mobile
Jim Cowart shares a lot of mobile debugging tools and tips.
Mobile Debugging Tips
Holly Schinsky created a sample mobile application that connects to the iTunes search API built with AngularJS and the Ionic UI framework.
Sample PhoneGap Application – iTunes Explorer with AngularJS/Ionic
Etc.
I share tips for building a successful content site based upon my own experience and my successes and failures.
Building a Successful Content Site
Brad Green shares some insight into the design and changes the Angular team is thinking about for version 2.0.
AngularJS: Angular 2.0
Bryan Jones discusses the new features in CodeKit 2.0.
On CodeKit 2.0
Louis Lazaris wonders whether the current excess of tools for web developers is a good thing.
Drowning in Tools in the Web Development Industry