Apologies for the massive update, but this is the first update of the new year and there was a lot of catching up to do. You may notice a significant change in the list below – where’d the new and updated libraries go? I’ve decided to split these out into a separate post which will come tomorrow. The reason for this is to make these posts less overwhelming and make it easier for you to find exactly what you are looking for. This weekly update will focus on articles and tutorials.
Aurelio De Rosa explains the HTML abbr element and how to make it work nicely on mobile touch screen devices.
Enhancing the HTML abbr Element on Mobile
Todd Anderson discusses best practices, resources and tools for making performance testing, especially on mobile, part of your development process.
A Slight Obsession Over Page Speed
Good post by Burke Holland on why and how you need to consider the “Back” button when creating your single page app.
Please Respect The “Back” Button
The blanket statement that CSS animations are faster just isn’t necessarily true, says Jack Doyle.
Christian Heilmann debates the merits of debunking soundbites.
Myth Busting Mythbusted
HTML5 input patterns don’t give errors for invalid regex, making them hard to debug. Raymond Camden offers a solution.
HTML5 Input Patterns and Invalid Regex
Maksim Chemerisuk examines whether live extensions offer a better solution for working with the DOM than jQuery.
A good introduction using the getUserMedia API for capturing audio and video in the browser by Aurelio De Rosa.
An Introduction to the getUserMedia API
Dr. Axel Rauschmayer says 2014 is the year of asm.js, ParallelJS, ES6, web components and CSS grid layout. Find out why.
Web platform: five technologies to look forward to in 2014
Mary Lou shows how to create a nice animated hover effect with SVG and CSS.
Shape Hover Effect with SVG
Dr. Axel Rauschmayer explains two new array methods in ECMAScript 6, find() and findIndex().
ECMAScript 6: the new array methods find() and findIndex()
Raymond Camden finishes his series on IndexedDB, focusing on counting and filtering data and array properties.
Working With IndexedDB – Part 3
Agraj Mangal explains the Shadow DOM, what it is, how to use it and why it is important.
Intro to Shadow DOM
Mary Lou shows off some nice SVG drawing animation demos.
SVG Drawing Animation
Zach Leatherman of the Filament Group shows how to best implement icon fonts in a universally accessible way.
Bulletproof Accessible Icon Fonts
Libraries and Frameworks
David Simpson explains how Sass has helped him and his team develop, manage and scale large web projects.
Six Reasons Why I Love Sass
Nicolas Bevacqua cuts through the hype, comparing the Gulp task runners and Grunt and which tool does what better.
Gulp, Grunt, Whatever
James Cryer walks you through creating a Grunt plugin.
Creating Your First Grunt Plugin
Why Foundation 5 dropped Zepto. In a nutshell, it’s smaller than jQuery but not faster and slower than jQuery 2.
Why We Dropped Zepto by ZURB
Introduction to HTML5 Desktop Apps With Node-Webkit
Andrew Trice shows how you can generate a PDF within a PhoneGap App using JSPDF.
Generating a PDF Inside of a PhoneGap App
In this tutorial from Christophe Coenraets, step through building an employee directory app using Cordova (aka PhoneGap) 3.x.
Cordova (aka PhoneGap) 3.x Tutorial
Christophe Coenraets takes his Employee Directory sample app and replaces RequireJS with Browserify.
Browserify Sample Application: with Backbone, jQuery, Handlebars, and Cordova
See what some prominent developers and authors think web developers will need to know to be successful in 2014.
2014 – What Web Developers Will Need to Know
Prominent developers and authors take a look back at what impacted web development in 2013.
2013 – The Year in Web Development
The top articles and tutorials from 2013 on Flippin’ Awesome.
I explain how you can create complex, flexible and responsive layouts using CSS Regions within Adobe Edge Reflow CC.
Creating complex layouts for the web with CSS Regions and Adobe Edge Reflow CC
I interview Neal Ford at QCon San Francisco who had great tips about giving better technical presentations.
Neal Ford on Giving Technical Presentations
My interview with Andrew Betts about why mobile development with HTML5 is difficult and what’s coming to make it easier.
Andrew Betts on Developing for Mobile with HTML5
Modern Web Newsletter
Subscribe to receive the Modern Web tutorials, sent out every second Wednesday.