The modern web is always changing, and this article is more than two years old.
A lot going on this past week, especially in the new and updated libraries. Some major new releases include updates to jQuery, Foundation, Kendo and Brackets as well as interesting new releases such as DPLOY, Ionic and DynoSRC.
Writing Better jQuery Code
Tim Severien shares a bunch of helpful CSS alignment and sizing snippets.
CSS Alignment and Sizing Snippets
How to apply filters across various browsers, including the level of support, using CSS and SVG by Peter Gasston.
Cross-browser filters with CSS and SVG
Louis Lazaris on a workaround for animating the CSS display property whereby a faded element doesn’t take up space.
Animating from “display: block” to “display: none”
Going from a String to a Number
Understand how ECMAScript 6 modules will be supported in future browsers using the <module> tag from Dr. Axel Rauschmayer.
ECMAScript 6 modules in future browsers
A great guide by Sara Soueidan covering various techniques for making text responsive.
Techniques for Responsive Typography
Dr. Axel Rauschmayer explains how to initialize arrays with a specified length and pre-filled values.
Initializing an array with values
HTML Game: Are You Smarter Than Jen & Ian
Libraries and Frameworks
Using Browserify with npm modules
David Catuhe shows a detailed 3D scene created with WebGL and Babylon.js, discussing how it performs across browsers.
Testing the Limits of WebGL: The Babylon.js Train Demo
Azat Mardanov explains fat arrows (=>) in CoffeeScript.
Understanding Fat Arrows (=>) in CoffeeScript
Emanuele Feronato shares an example of using Jay Salvat’s jQuery face detection plugin.
jQuery face detection plugin
Maciej Sopyło shows how to prepare a scene, add objects, add lights and animate things using WebGL with three.js.
WebGL With Three.js: Basics
New and Updated Libraries and Frameworks
Scut is a open-source Sass utility with reusable mixins, placeholders, functions.
Introducing Scut, a new Sass utility library
grunt-ec2 includes Grunt tasks for creating, terminating and deploying Node applications to AWS EC2 instances.
In the latest release of Kendo, all of the widgets have been made responsive.
What’s New in Kendo UI Q3 2013?
Brackets Sprint 34 include a new installation process, as well as extension manager and file system improvements.
Brackets Sprint 34 Build
DPLOY is an FTP/SFTP tool built in Node.js that uploads the latest changes by comparing your server and Git repo.
jQuery 1.11.0/2.1.0 Beta 2 now uses AMD internally, replacing their old modular build system.
jQuery 1.11.0/2.1.0 Beta 2 Released
Zurb has released version 5 of it’s front-end, responsive framework.
Ionic is a front-end framework for developing hybrid mobile apps in HTML5 currently in an alpha release.
Addy Osmani shares keyboard shortcuts to increment and decrement CSS values in Chrome DevTools using the cursor.
DevTools: Incrementing CSS values under-the-cursor
Daniel Isaksson discusses how The Hobbit Experience was built using WebGL and Web Audio for mobile devices.
The Hobbit Experience: Bringing Middle-Earth to Life