The US holiday last week may have delayed my post, but it didn’t lead to any shortage of great content. Some highlights this week include a look at how the Polygon pages for the Xbox One and PS4 were created (they were very well done), a look at how you can use Grunt to automate the process of verifying coding standards and an update to PhoneGap.
Great overview by Vox Product on how they created line drawings for Polygon’s console reviews using SVG animations.
Polygon feature design: SVG animations for fun and profit
Sara Soueidan explores several techniques for creating textured text or applying a background to text.
Techniques for Creating Textured Text
Landon Schropp shares a list of 8 HTML elements you ought to be using but probably are not.
8 HTML Elements You’re Not Using (and Should Be)
The HTML5 meter element is designed to be used to represent a scalar measurement within a known range and Pankaj Parashar shows how to use it.
The HTML5 meter Element
Oleg Solomka explores the possibilities of SVG icons for the web.
SVG Icons FTW
CSS on Sails is a set of development standards for converting PSDs to HTML, WordPress and Email.
CSS on Sails: A secret compass for PSD to HTML conversion
Libraries and Frameworks
Building a 2D Browser Game with PhysicsJS
Eliminating Code Smell with Grunt
Victor Savkin compares and contrasts the approaches of Backbone and Angular.
Contrasting Backbone and Angular
Maciej Sopyło shows how to get started using Three.js to create an animated 3D cube, particles and smoke.
WebGL With Three.js: Textures & Particles
PhoneGap is now a key feature in the Sencha Touch mobile workflow and Ross Gerbasi shows how it works.
Leveraging PhoneGap within Sencha Touch
Andy Trice shows how to implement the card UI in HTML and CSS for a mobile application.
Implementing the “Card” UI Pattern in PhoneGap/HTML5 Applications
Addy Osmani examines some tools that provide cross-device testing capabilities.
Synchronized Cross-device Mobile Testing
New and Updated Libraries and Frameworks
PhoneGap 3.2.0 is focused on stability and includes various bug fixes and enhancements for all platforms.
PhoneGap 3.2.0 Released
Responsive Comments is a client side solution to conditional loading for responsive web design using comments.
connect-cache-manifest is an Express/connect middleware to generate an HTML5 cache manifest file.
A full post-mortem on a recent nom failure examining how it works, what went wrong, and changes to the previous architecture to fix it.
Keeping The npm Registry Awesome
Colorpeek is an app to help you quickly see and share colors in whatever CSS notation you wish.
Colorpeek: A Simple Way to See and Share CSS Colors
James Holmes walks through the WebGL boilerplate project that recreates the classic Hover 3D game.
Behind the Scenes with Hover and WebGL
Modern Web Newsletter
Subscribe to receive the Modern Web tutorials, sent out every second Wednesday.