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
Posted By dich vu chuyen nha / Posted on 05/17/2013 at 12:19 AM