In addition to the usual list of excellent tutorials (Codrops and CSS Tricks seemed especially busy), this week features a number of interesting new libraries.
Afshin Mehrabani shows how to use CSS fallback properties to provide support for missing CSS3 features in legacy browsers.
Using CSS Fallback Properties for Better Cross-browser Compatibility
Aurelio De Rosa examines potential solutions for supporting custom font use within media queries that falls back nicely on slower mobile connections.
Solving the Problem of @font-face Inside Media Queries
Donovan Hutchinson shows how to create a variety of 3D spheres using CSS transforms and animations.
Mary Lou shares some concepts for using CSS animations when loading new grid items as the user scrolls.
Loading Effects for Grid Items with CSS Animations
Dr. Axel Rauschmayer explains how iterators and generators work in ECMAScript 6.
Iterators and generators in ECMAScript 6
Francesco Trillini creates an experimental, interactive particles slideshow using HTML5 canvas.
Interactive Particles Slideshow
Mary Lou shows a variety of ways to use custom data attributes and pseudo-elements to add attractive image captions.
Using Custom Data Attributes and Pseudo-Elements
Developing Google Chrome Extensions
Swapping Out Text, Five Different Ways
Johnny Simpson shows how to activate a CSS animation within a sticky page header when the user scrolls down.
Scroll Activated Fixed Header Animations
Libraries and Frameworks
Brian Kardell explains what Hitch.js is, how to use it and why it is potentially important.
An Intro to Hitch.js and the Extensible Web
Fiona Chan shares a Sass mixin that will convert the input px to rem.
Easy-peasy Rem Conversion with Sass
Pamela Fox discusses unit testing, integration testing, regression testing and manual testing Backbone front-ends.
Testing Backbone Frontends
The Filament Group show you everything you need to know to make the switch from font icons to SVG using Grumpicon.
A Designer’s Guide to Grumpicon, or: How I Learned to Stop Using Font Icons and Love SVGs
Krasimir Tsonev extends Jasmine to fix HtmlReporter rendering, modify support for asynchronous operations and more.
Extending Jasmine (BDD framework for testing)
Backup, Remove and Restore your Contacts using PhoneGap
New and Updated Libraries and Frameworks
busboy is a Node.js module for parsing incoming HTML form data.
minimit-anima is a jQuery plugin to animate with CSS3 transforms and transitions with fallback for older browsers.
Aristochart is customizable and flexible line charting library for canvas with a number of community sourced themes.
it.js is a library to make it easier to create chainable accessor/iterator functions.
ElementTransitions.js wraps some code on page transitions by Codrops but allows more than one animatable element per page.
Primus is a real-time server abstraction for e SockJS, Engine.IO or maybe just use pure WebSockets.
Build first, decide later
Nicholas Zakas explains some important things *not* coming in Internet Explorer 11 to make it more standards compliant.
Internet Explorer 11: “Don’t call me IE”
The July edition of Appliness is out and features an interview with Nicole Sullivan and many tutorials (including one from me).
Appliness July is out
Modern Web Newsletter
Subscribe to receive the Modern Web tutorials, sent out every second Wednesday.