Best of JavaScript, HTML5 & CSS3 - Week of November 26, 2012

Posted on Dec 03, 2012

This was a really busy week of tutorials and new libraries. In fact, I still have a backlog of posts to go through from this past weekend but I am busily attending Roost Boston which is run by the folks at Bocoup. Hoping to get my learn on!

Tutorials

The 100,000 Stars Chrome experiment built with three.s is pretty impressive. Michael Chang explains how it was built.
Making 100,000 Stars

Joe Lambert shows how to structure your HTML/JS application to better handle being offline enabled.
Offline First – A better HTML5 User Experience

Dr. Axel Rauschmayer explains how JavaScript coerces objects to primitives.
Coercing objects to primitives

Object.observe() adds a listener to JavaScript objects that is called when the object or properties change. It is available in Chrome Canary version 25.
Respond to change with Object.observe

Alex Young delves deeper into prototypes in JavaScript for his JS101 series by discussing __proto__.
JS101: __proto__

Nicholas Zakas discusses the quicksort sorting algorithm and shows how to implement it in JavaScript.
Computer science in JavaScript: Quicksort

Peter Rybin of the Chome DevTools team teaches closures and internal properties by using new features in Chrome DevTools.
Learn JavaScript concepts with the Chrome DevTools

Libraries and Frameworks

Andrew Burgess shows how to get started testing JavaScript using the PhantomJS headless WebKit.
Testing JavaScript with PhantomJS

Chris Coyier shows how to have new content appended to the DOM "fly in" using jQuery and CSS rather than simply appear.
Fly in Newly Added Content to a Page

Mary Lou shows how to create some very nice drop down list effects using a jQuery plugin.
Simple Effects for Drop-Down Lists

Alex Young begins a new Backbone.js tutorial series that will build a to-do list based on the Gmail to-do list.
Backbone.js Tutorial: Build Environment

Google has created a detailed guide for building Chrome packaged apps using AngularJS.
Build Apps with AngularJS

Derick Bailey shows a few simple tricks to get Backbone and Kendo UI working together nicely.
Backbone And Kendo UI: A Beautiful Combination

Tane Piper explains how he is using GruntJS to improve his workflow.
Building and Testing JavaScript With GruntJS

Jack Franklin gives an overview of Backbone, Ember, Knockout, Angular and Batman.
Essential JavaScript: the top five MVC frameworks

Mobile

Adam Tuttle shows how to do "pull to refresh" and inifite scroll for jQuery Mobile and PhoneGap using iScrollView.
jqMobile + iScrollView + Infinite Scrolling

Simon Mac Donald shares how to build an options menu for PhoneGap on Android using HTML, CSS and JavaScript.
Building a HTML Options Menu for PhoneGap Android

Alex Gibson explains how to play a cached offline audio file in iOS 6 Safari using the Web Audio API.
Taking Web Audio Offline in iOS 6 Safari

Want to learn how to build a PhoneGap application in a few hours? Christophe Coenraets awesome tutorial will take you through all the steps to build your first app, an employee directory.
Tutorial: Developing a PhoneGap Application

New and Updated Libraries and Frameworks

fastclick is a polyfill to remove the 300ms delay between actual touch and click event firing on mobile browsers.
fastclick

Jasy is a construction tool for web projects similar to Yeoman but tightly integrated. Works on Mac, Linux and Windows.
Jasy, the ultimate web tool

Extensionizr is a boilerplate for building Chrome extensions.
Extensionizr

Viewport resizer is a browser-based tool to test any website’s responsiveness.
Viewport Resizer - Responsive design testing tool by Malte Wassermann

Mary Lou shares a jQuery calendar plugin Codrops created called Calendario.
Calendario: A Flexible Calendar Plugin

oolib.js is a JavaScript library providing OOP encapsulation supporting private methods, class inheritance and more.
oolib.js - The JavaScript OOP library

viewport is a cross-browser library to get the dimensions of the viewport and more.
viewport

Aware.js is a jQuery plugin that allows you to customize and personalize the display of content based on a reader's behavior.
Aware.js

Etc.

Learn how to extend the functionality of the Brackets code editor using just HTML, CSS and JavaScript from David Deraedt.
Building your first Brackets extension

Comments

replica de reloj Thanks for the mention! Hope to see more animations roaming the Internet soon!

Posted By replica de reloj / Posted on 11/19/2013 at 11:02 PM


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.