Best of JavaScript, HTML & CSS – Week of January 20, 2014
The modern web is always changing, and this article is more than two years old.
Among the long list of tutorials, this week also featured a lot of debate surrounding the CSS Regions specification – first as part of a post on the A List Apart blog and a couple of responses on this site plus a decision by Google to reverse direction and remove Regions from Blink. Enjoy.
Tutorials
Sara Soueidan discusses why she believes the CSS Regions spec matters and the unique design use cases it solves.
CSS Regions Matter
CSS Regions can be used within responsive layouts. I address recent confusion around the CSS Regions spec and RWD.
Using CSS Regions in Responsive Designs
Toby Ho shows how you can use the CSS library for Node to analyze and even modify CSS source code.
Static Analysis For CSS
A field guide for creating static web apps introduces the concepts and offers solutions to common challenges.
Static Web Apps – A Field Guide
Dot navigations are commonly used UI elements and Mary Lou shares a bunch of creative ways to decorate and animate them.
Dot Navigation Styles
David Walsh shares 5 ways your JavaScript code can interact with CSS that you may not already be aware of.
5 Ways that CSS and JavaScript Interact That You May Not Know About
You’re probably not using, or may not be aware of, these 10 HTML tags but they can be useful as Aurelio De Rosa shows.
10 HTML Tags You Might Not Be Using
Krasimir Tsonev shows that converting a string to a DOM element is not always as simple as you think.
Revealing the magic: How to properly convert HTML string to a DOM element
Nicholas Zakas explores another usage of weakmaps to create private instance members on custom types.
Private instance members with weakmaps in JavaScript
Johnny Simpson covers the HTML5 Application Cache – what it is useful for, when you should use it and how to use it.
Offline Persistence and Application Caching in Web Development
Dr. Axel Rauschmayer discusses JavaScript’s bitwise operators: bitwise And (&), bitwise Or (|), and bitwise Xor (^).
Binary bitwise operators in JavaScript
Raymond Camden walks through how to use the Google Analytics core reporting API.
Proof of Concept – Dashboard for Google Analytics
Libraries and Frameworks
A guide to using Grunt with Bower to manage components without checking in unecessary files into your repository by Simon Smith.
Managing Bower Components with Grunt
Learn the basics of behavior driven development testing in JavaScript using the CucumberJS library from Todd Anderson.
BDD in JavaScript with CucumberJS
Compare four options for web form validation, jQuery, Kendo UI, HTML5 and server side by TJ VanToll.
Four Options for Mobile Form Validation
Rodney Rehm shares his experiences dabbling with Emscripten to create libsass.js, a JavaScript-based Sass compiler.
libsass.js – An Emscripten Experiment
Toby Ho walks through how to use the front-end package manager, Component.
Introduction to Component
Raymond Camden details his experience converting a large existing dynamic site to completely static using HarpJS.
Experience converting a dynamic site to static with HarpJS
Mobile
Raymond Camden shows how to use Ripple for Cordova/PhoneGap development in this video tutorial.
Installing and Using Ripple for Cordova Development (A Video)
Mike Fowler walks through testing on Android, iOS and FirefoxOS.
Testing your webapp with device emulators
Etc.
The HTML5 JavaScript API Index are API reference docs automatically generated from the HTML5 specification documents.
HTML 5 JavaScript API Index
My overview of the recent change in leadership for Node.js and it’s impact on the direction for the project.
A Change in Leadership for Node.js
The latest Edge Animate CC release (3.0) includes audio support using HTML5 audio, responsive scaling and much more.
Did you hear that? A new version of Edge Animate CC is here!
Christian Heilmann discusses how the image tag is being misused across the web and how to use it properly.
Endangers Species of the Web: The Image
