Best of JavaScript, HTML & CSS – Week of May 12, 2014

by Brian Rinaldi on May 21, 2014

The modern web is always changing, and this article is more than two years old.

Lots of goodness this week and some “badness,” sort of, in the form of posts warning us of the dangers of stopping event propagation and using async scripts. Still, important even if not awesome.

Fans of this site may notice that I also stopped the Monday article dump. From a planning standpoint, this was easier, but it certainly didn’t help traffic (which would drop off on other days) and was arguably not great for readers, who had several articles dumped on them at the same time. Anyway, I hope you find it better.

Tutorials

A detailed walkthrough on creating frame-by-frame animation using JavaScript and the benefits and drawbacks of the technique by Bartek Drozdz.
Frame-by-frame animation with HTML and JavaScript

Typography inside CSS 2D transforms often looks jagged or misplaced, but Zoltan Hawryluk shows techniques to fix it.
Fixing Typography Inside of CSS 2-D Transforms

An excellent article by Philip Walton on why stopping event propagation is a bad idea and ways in which you might be doing so without even knowing it.
The Dangers of Stopping Event Propagation

Ilya Grigorik explains some complications when loading async scripts, when they are appropriate and how to overcome some of the issues of out-of-order execution.
Script-injected “async scripts” considered harmful

Addy Osmani explains Object.observe() which is landing in Chrome 36 beta.
Data-binding Revolutions with Object.observe()

Scott O’Hara examines building the morphing menu buttons created by Codrops with just CSS (without JavaScript).
Morphing Menu Button

Ariya Hidayat explains the quirks of dealing with NaN in JavaScript and a change in ECMAScript 6 coming that will help.
The Curious Case of JavaScript NaN

Ryan Morr explains a technique he uses to capture user interactions before the page has fully initialized.
Maintain Responsiveness by Capturing Unbound Action Events

Mary Lou recreates the grid effect seen in Samsung’s design center when loading new cells using CSS and JavaScript.
Recreating the “Design Samsung” Grid Loading Effect

Libraries and Frameworks

A look at the state of routing in JavaScript apps and how to implement convention based routing by Burke Holland.
Convention Based Routing In JavaScript Apps

An overview of CoffeeScript basics from Azat Mardanov.
CoffeeScript FUNdamentals: The Better JavaScript

Hugo Giraudel discusses several options for managing your responsive breakpoints within Sass, and the benefits and drawbacks of each.
Managing Responsive Breakpoints with Sass

Mobile

Adam Tuttle looks at a simple but common problem when building Android apps from the Cordova CLI.
Creating Cordova (PhoneGap) Android Prod/Dist Builds on the CLI

Etc.

Krasimir Tsonev explains a number of features built into Chrome that can make it the must-have tool for testing responsive sites.
Testing responsiveness

Leave a Reply

Your email address will not be published. Required fields are marked *