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
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.