Best of JavaScript, HTML5 & CSS3 - Week of October 22, 2012

Posted on Oct 29, 2012

If you, like me, are hunkered down waiting on Sandy to arrive, you’ll be glad to know that you can get your learn on with a ton of tutorials this week as well as a handful of interesting new and updated libraries.

Tutorials

Hugo Giraudel shares a collection of CSS snippets intended to speed up your web development.
Kick-Start Your Project: A Collection of Handy CSS Snippets

Joe Zim continues his JavaScript fundamentals series by covering what you need to know about variables.
JavaScript Fundamentals: Variables

Jos Dirksen explores the HTML5 Web Audio API by creating several sound visualizations.
Exploring the HTML5 Web Audio: visualizing sound

Niels Matthijs shares his methodology and examples for creating reusable HTML components.
The Road To Reusable HTML Components

Hugo Giraudel created a useful set of basic ready-to-use CSS styles.
Basic Ready-to-Use CSS Styles

Agraj Mangal explains HTML5 web workers and shows you how to use them to run background threads.
Getting Started with Web Workers

Toby Ho looks at doing Javascript OO using without constructors or any form of OOP facade.
Javascript OO Without Constructors

Janine Warner shows how to use the @font-face rule with Google Web Fonts, Edge Web Fonts, Font Squirrel and Typekit.
Fonts, fabulous fonts: How to use the @font-face rule with popular font services

Dudley Storey shows how to achieve a nice, cross-browser drop shadow effect.
Creating a True Cross-Browser Drop Shadow Effect With CSS3 & SVG

Stoyan Stefanov shows how to use the Web Audio API to create sounds using JavaScript.
WebAudio: oscillator in JS

Justin Naifeh shows how to dynamically invoke methods using string evaluation.
Dynamic Invocation Part 1: Methods

Mike Thomas shows how to trigger effects, in this case on bar charts, when the user scrolls to them as Apple does on some of their pages.
Liven up a web page Apple style

Jeff Friesen continues his series on building a retro-style game in HTML and JavaScript by focusing on the architecture and initialization.
Gaming: Battle on the High Seas, Part 2

Frameworks and Libraries

Terrence Ryan shows how to add Edge Animate animations to your Reveal.js presentation.
Add Edge Animate Compositions to Reveal.js

Adam Alexander shows how to use the Datagrid component from the new Fuel UX library.
Connecting Fuel UX Datagrid to the Flickr API

A useful responsive design framework comparison chart by Vermilion Design compares Bootstrap, Foundation and Skeleton.
Responsive CSS Framework Comparison

Andrew Burgess shows how to use the Bower package manager for  building packages files including HTML, CSS, JavaScript and images and for installing packages.
Meet Bower: A Package Manager For The Web

Avinash Zala created a getting started guide for MooTools.
Getting Started with MooTools

Mobile

Raymond Camden finishes up his series on building a Parse.com enabled PhoneGap app.
Building a Parse.com Enabled PhoneGap App - Part 5

Andrew Trice released a Halloween Fun app with PhoneGap that is available in mobile markets and source on GitHub.
Halloween Fun with PhoneGap

Holly Schinsky shows how to do push notifications on your Android PhoneGap app using the Google Cloud Messaging service.
Tutorial: Android Push Notifications with PhoneGap

New and Updated Frameworks and Libraries

TJ Holowaychuk shows you everything that is new in the just released Express 3.0.
Express 3.0

Fuel UX extends Twitter Bootstrap with additional lightweight JavaScript controls like ComboBox, Datagrid and more.
Fuel UX

uiji.js by Aakil Fernandes is like reverse jQuery, using familiar jQuery syntax for creating elements rather than selecting.
uiji.js by Aakil Fernandes

QuoJS is a micro, modular JavaScript Library for DOM traversing, event handling and Ajax in mobile web apps.
QUOjs - Micro JavaScript Library

Etc.

An awesome interactive story of the US told in 141 maps made, in part, using D3.js.
Manifest Destiny - The Story of The US Told In 141 Maps

Razvan Caliman shows how the web-based CSS FilterLab allows you to try, create and share CSS Filter Effects.
Introducing CSS FilterLab

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.