As is usually the case, there are a ton of great tutorials and new libraries to talk about this week. My introduction, on the other hand, will be brief as I write this sitting beneath the Pitons on St. Lucia (notice I didn’t say sunny). Enjoy!
Ariya Hidayat discusses how to optimizing your use of CSS3 to take advantage of GPU Compositing.
Optimizing CSS3 for GPU Compositing
Expanding Search Bar Deconstructed
Johnny Simpson builds a CSS shredder animation using CSS 3D transforms, animations and the CSS clip property.
CSS Shredder: Making a Shredding Machine with CSS3
Alan Greenblatt tracks the browser support of CSS graphics properties that add features like clipping, masking and filters.
Brian Birtles explains the Web Animations spec, what it includes and why it is necessary.
Introducing Web Animations
John Allsop shows hot to emulate the translucency effect seen in iOS 7 using CSS3.
Creating iOS 7 effects with CSS3: translucency and transparency
Mary Lou shares some experimental modal window effects using CSS transitions and animations.
Nifty Modal Window Effects
Nicholas Zakas discusses why he believes eval(), while easily misused, is potentially useful and not dangerous.
eval() isn’t evil, just misunderstood
Libraries and Frameworks
Leon Revill walks through building a sample app in AngularJS that searches TV show premieres.
Building a Web App From Scratch in AngularJS
Christophe Coenraets rebuilds his employee directory sample application with Backbone.js and RequireJS.
Building Modular Web Applications with Backbone.js and RequireJS – Sample App
Build Desktop Apps With HTML Using Brackets Shell
Christophe Coenraets rebuilds the PhoneGap version of his employee directory sample app using Backbone.js, RequireJS & Topcoat.
Building Modular Mobile/PhoneGap Apps with Backbone.js, RequireJS & Topcoat – Sample App
New and Updated Libraries and Frameworks
helmsman is a Node package that helps make command line interfaces using git style subcommands executables.
Sproute is a new commercial web framework similar to Meteor. Louis Stowasser shows how to build a Twitter-clone with it.
Build Your Own Twitter-Clone with Sproute
PhoneGap 2.9 is out and Shazron Abdullah explains what’s new in PhoneGap for iOS in this version.
What’s new in Cordova iOS 2.9.0
tracking.js allows you to do object tracking and track color markers in the browser via the user’s camera.
Goo.js offers a simplified drawing and event handling API for HTML5 canvas object.
Tyson Matanich wrote a proof of concept polyfill to support element-based media queries.
Media Queries Are Not The Answer: Element Query Polyfill
DownDoc lets you write documents in Markdown, preview the output and save them directly to your Google Drive.
Modern Web Newsletter
Subscribe to receive the Modern Web tutorials, sent out every second Wednesday.