Best of JavaScript, HTML & CSS – Week of March 10, 2014



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.


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.

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


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


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

1, 'include' => $prevPost->ID ); $prevPost = get_posts($args); foreach ($prevPost as $post) { setup_postdata($post); ?>

1, 'include' => $nextPost->ID ); $nextPost = get_posts($args); foreach ($nextPost as $post) { setup_postdata($post); ?>


Leave a Comment