Best of JavaScript, HTML5 & CSS3 - Week of January 28, 2013

Posted on Feb 04, 2013

Despite the short week between posts (the last one was posted on a Tuesday), we have a very full list this week. Interestingly, the HTML5 canvas drawing was a popular topic this week as several posts covered very specific aspects of it and even two covering winding rules.

On another note, I was happy to be able to speak at HTML5tx in Austin this past week. This is a great event put on by Brandon Satrom along with some dedicated volunteers. Congrats to them on a jam-packed (information-wise) and sold-out event.

Tutorials

Ariya Hidayat explains array map and filter functions as well as array comprehension coming in ECMAScript 6.
ECMAScript 6 and Array Comprehension

Johnny Simpson looks at some things coming in the future of CSS including masks, exclusions, composition and blending.
The Future of CSS3: Looking at Future Techniques Today

Rey Bango gives a thorough overview of Internet Explorer's developer tools.
A Peek at Internet Explorer's Developer Tools

Rik Cabanier discussing Canvas path objects, the problems with the current approach and a proposal to improve it.
Revised canvas paths

Rik Cabanier explains winding rules in Canvas and support for even-odd winding in nightly Firefox, WebKit or Chromium.
Winding rules in Canvas

Randy Edmunds discussing current solutions for balancing text across lines on the web and a proposal for the future.
Balancing Text for better readability

Larry Botha explains his techniques for creating responsive grids.
Creating Nestable Dynamic Grids

Divya Manian how the CSS background clip works and how you can create a fallback for browsers that lack support without using JavaScript.
Using background clip for text with CSS fallback

Marco Zehe explains how you should create accessible tabs using WAI-ARIA.
Advanced ARIA tip #1: Tabs in web apps

Keith Peters shows what winding is and why it is important to understand when creating complex drawings on canvas.
Winding Rules in HTML's Canvas

Keith Peters also explains how being able to separately scale an image and its stroke can be useful, for instance in drawing an ellipse.
Scaling in HTML's Canvas

Dr. Axel Rauschmayer discusses some of the quirks in categorizing values in JavaScript and some potential solutions.
JavaScript: fixing categorization

Colin Ihrig explains variable hoisting in JavaScript and how not being aware of how it works can lead to unintentional and hard to debug issues.
Back to Basics: JavaScript Hoisting

Libraries and Frameworks

Joe Zim shows how he used Jasmine for unit testing his project that uses SocketIO.
Unit Testing Socket.IO with Jasmine

Burke Holland explains how he took an existing application and implemented a responsive design using Bootstrap.
Responsive Design with Twitter Bootstrap

Ben Nadel tries to explain directive controllers in AngularJS.
Using Controllers In Directives In AngularJS

Alex Young continues his long-running series by showing how to add, edit and delete tasks in the sample application.
Backbone.js Tutorial: Oh No, Not More Tasks

Jack Franklin continues his Backbone series by showing how to filter items in a collection.
Exploring Backbone.js - Part 3

Mobile

The PhoneGap Build service now supports the Facebook Connect plugin for single sign on on Android and iOS devices.
Adobe PhoneGap Build

New and Updated Libraries and Frameworks

Flight by Twitter is a lightweight, component-based JavaScript framework that maps behavior to DOM nodes.
Flight by Twitter

howler.js is a web audio API JavaScript library/polyfill that falls back to HTML5 audio with a lot of additional features.
howler.js - Modern Web Audio Javascript Library

Toolbar.js is a jQuery plugin to create tooltip style toolbars.
Toolbar.js

Etc.

Alex Young shows examples of a variety front-end development stacks.
Meet the New Stack, Same as the Old Stack

Alan Greenblatt shows how to build a REST interface using Wordpress and then embed a Backbone application in a WP page or post.
Building Data-Driven Web Applications with WordPress (WordPress App Design part 3)

Comments

There are currently no comments for this entry...be the first!

Write your comment



(it will not be displayed)







About

My name is Brian Rinaldi and I am the Web Community Manager for Flash Platform at Adobe. I am a regular blogger, speaker and author. I also founded RIA Unleashed conference in Boston. The views expressed on this site are my own & not those of my employer.