Best of JavaScript, HTML5 & CSS3 - Week of January 23, 2012
Posted on Jan 30, 2012
In this new series of posts, I hope to share the best links I found over the prior week on the topics of JavaScript, CSS3 and HTML5. Those of you who follow me on Twitter or on Facebook may have seen many of these already, but it’s worth reviewing in case you missed some because, in my opinion, these are all posts you’ll want to bookmark for reference. Hopefully you find this a useful resource.
A great reference and tutorial on JavaScript form validation from Adobe evangelist Raymond Camden.
Raymond Camden's Blog: A look at JavaScript Form Validation
This is looking pretty sweet. Seriously.js adds real-time effects to HTML5 video using JavaScript.
Seriously.js: A Realtime, Node-Based Video Compositor for the Web - Badass JavaScript
Video tutorial on how to use Douglas Crockford’s new JSDev tool for JavaScript testing and debugging by Andrew Burgess.
Meet Crockford’s JSDev | Nettuts+
This is a really slick demo of PhotoBooth-style live video effects in JavaScript and WebGL.
PhotoBooth Style Live Video Effects in JavaScript and WebGL - Badass JavaScript
A really interesting and useful review of the top 10 Javascript MVC frameworks by Gordon Hempton.
The Top 10 Javascript MVC Frameworks Reviewed - CodeBrief
A great post with helpful JavaScript tips called “Captain Obvious on JavaScript,” was not so obvious to me.
2012/01/captain-obvious-on-javascript.md at master from raganwald/homoiconic - GitHub
Learn how to use the Decorator design pattern in JavaScript from Joe Zim.
JavaScript Design Patterns: Decorator | Joe Zim's JS Blog
Get the basics of accessing the PhoneGap API's in your HTML and JavaScript apps in this tutorial in the Adobe Inspire magazine from Adobe evangelist Raymond Camden.
Inspire Magazine: February 2012 - Combining your web skills with PhoneGap to build mobile apps
The Page Visibility API could be really useful. Doesn’t work across all browsers at the moment but coming soon as a standard.
Page Visibility API » By Dave Mahon » article » Ajax Bestiary
An impressive looking tool, Resumable.js allows you to create fault-tolerant, resumable file uploads using JavaScript.
Resumable.js: Fault Tolerant Resumable File Uploads in JavaScript - Badass JavaScript
Arctext.js lets you create curving text using CSS3 & jQuery by Pedro Botelho.
Arctext.js – Curving Text with CSS3 and jQuery
Gbone.js is a framework written on top of Backbone for building mobile JavaScript applications.
gobhi/gbone.js - GitHub
Adobe evangelist Terrence Ryan shows you how to create a Venn diagram entirely in CSS.
Venn Diagram entirely in CSS - TerrenceRyan.com
Check out HTML5 Please. It is a site that gives you the browser support story so that you can know when certain HTML5/CSS3 features are ready to use in your site.
HTML5 Please - Use the new and shiny responsibly
Leaflet is an open-source JavaScript and HTML5 library for interactive maps on mobile & desktop.
HTML5 Interactive Maps for Both Mobile and Desktop » By Dave Mahon » article » Ajax Bestiary
This page takes a bit to load, but Three.js dynamic procedural terrain demo is incredible. I am impressed by what is possible nowadays using HTML5 and JavaScript.
three.js webgl - dynamic procedural terrain
David Humphrey says that when writing functions, it's ok to return early and return often in JavaScript.
Return early, return often
Comments
Brian - Do you listen to the Javascript Show? http://javascriptshow.com/
Pretty good. Their format is pretty good same as their Ruby Show podcast.
Ryan Stille and I have a similar format for the ColdFusion Show also http://coldfusionshow.com/
Posted By Mike Henke / Posted on 01/30/2012 at 7:58 AM
@Mike - Thanks for the comment. I know of that podcast though I haven't listened yet. While I am a voracious reader, I am terrible about listening to podcasts - just can't seem to fit them into my daily schedule.
Posted By Brian Rinaldi / Posted on 01/30/2012 at 10:43 AM