Best of JavaScript, HTML & CSS – Week of January 6, 2014

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.

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.
Myth Busting: CSS Animations vs. JavaScript

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.
Writing A Better JavaScript Library For The DOM

Dr. Axel Rauschmayer discusses the options, including benefits and drawbacks, for dynamically evaluating code in JavaScript.
Evaluating JavaScript code via eval() and new Function()

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

Spike Brehm says isomorphic JavaScript is the future of web app development and explains what it is and what problem it solves.
Isomorphic JavaScript: The Future of Web Apps

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

Sandeep Panda continues his series on the JavaScript Promises API by discussing promise chaining.
A Deeper Dive Into JavaScript Promises

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

A good explanation of closures in JavaScript from Kirupa Chinnathambi.
Closures in JavaScript

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

Maciej Sopyło walks through creating a simple text editor desktop app using HTML and JavaScript with Node-Webkit.
Introduction to HTML5 Desktop Apps With Node-Webkit

Mobile

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

Etc.

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 best posts, tutorials, projects and announcements in JavaScript, HTML & CSS for 2013.
Best of JavaScript, HTML & CSS – 2013

The top articles and tutorials from 2013 on Flippin’ Awesome.
2013′s Top HTML, CSS, JavaScript Content 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

My interview with Tom Dale talking about Ember, JavaScript frameworks and much more at QCon San Francisco.
Tom Dale on Ember and JavaScript Frameworks

Modern Web Newsletter

Subscribe to receive the Modern Web tutorials, sent out every second Wednesday.

Top