Best of JavaScript, HTML5 and CSS3 - Week of March 26, 2012:
It's a good week: Spring is in the air; Game of Thrones is back on television; and, most importantly, there are tons of new libraries and tutorials about JavaScript, HTML5 and CSS to enjoy. A hot topic this week, both from Adobe and from numerous external sources, was the CSS Regions and exclusions proposals from Adobe. Backbone.js also seems to dominate discussions and tutorials about JavaScript frameworks at the moment. There's plenty more of course, including a number of new micro-libraries. Enjoy!
Tutorials
What happens when you mix CSS exclusions experiments with a love of beer? Ryan Stewart shares results.
Experimenting with CSS Exclusions
John Allsopp explains what sessionStorage and localStorage are and how to use, along with differences in browser implementations
webStorage: Persistent client side data storage
See how to do content folding for your responsive web design using CSS Regions via Chris Coyier
Content Folding
Thierry Koblentz writes on a device-agnostic, content-centric approach to responsive web design
Device-Agnostic Approach To Responsive Web Design
Douglas Crockford discusses the meaning of this in JavaScript and a new function operator coming in ECMAScript 6.
What is the meaning of this?
Frameworks and Libraries
Mohd Hadihaizil Din shows how to create the popular "infinite scroll pagination" effect using jQuery.
How to Create Infinite Scroll Pagination
Greg Rewis shows how to make Dreamweaver add code coloring and hinting with the Sass and Less CSS preprocessors
Using Dreamweaver with Sass and Less
My article on pseudo-classical object-oriented programming in JavaScript with Minion is now on the ADC, updated with some feedback from the framework’s author.
Pseudo-classical object-oriented programming in JavaScript with Minion
A good tutorial on using Modernizr for HTML5 feature detection and conditional polyfilling.
Using Modernizr to detect HTML5 features and provide fallbacks
James Brown shows how to use the Backbone.Mutators plugin for Backbone.js
Exploring Backbone.Mutators Plugin
Dan Wellman continues his tutorial on building a contacts manager with Backbone.js. Part 4 focuses on editing data.
Build a Contacts Manager Using Backbone.js: Part 4
A nice introduction and tutorial on Underscore.js from Siddharth.
Getting Cozy With Underscore.js
Mobile
Adobe released a PhoneGap Build extension for Dreamweaver CS5.5 users.
Adobe releases PhoneGap Build extension for Dreamweaver CS5.5
How to create an Autocomplete in jQuery Mobile by Raymond Camden
Example of Autocomplete in jQuery Mobile
Jesse Freeman posts a fantastic tutorial on how to create a PhoneGap application including source
Room112 – PhoneGap Exploration
Christophe Coenraets shows how to create native-looking iOS Apps with HTML, Backbone.js & PhoneGap - includes source
Crafting Native Looking iOS Apps with HTML, Backbone.js, and PhoneGap
Learn how to extend the capabilities of PhoneGap by creating native plugins for iOS from Andrew Trice
Extending PhoneGap with native plugins for iOS
New and Updated Frameworks and Libraries
Messenger.js is a library for Node.js that makes network communication via JSON simple and fast.
messenger.js
Determine if your user has the resolution and bandwidth for high resolution images using foresight.js
foresight.js
Rainbow is a lightweight (1.2 kb) code syntax highlighting library written in Javascript.
Rainbow - Javascript Code Syntax Highlighting
Thing.js is a tiny JavaScript wrapper around object.create that aids in creating objects.
Thing - A tiny object that aids in creating other objects
Ben Alman released Grunt, a task-based command line tool for JavaScript projects with many useful predefined tasks and the ability to define custom tasks.
Introducing Grunt
lazyload is a JavaScript library designed to help save http requests by lazy loading images.
lazyload
Etc.
Addy Osmani announces Backbone.Paginator components for managing pagination in Backbone.js web apps
Backbone.Paginator - New Pagination Components For Backbone.js
Adobe's Hans Muller explains the CSS transform-origin that is coming to SVG in WebKit.
CSS transform-origin Coming to SVG
You need to download Appliness, a digital magazine by and for developers on HTML, JavaScript & more.
Appliness: digital magazine
It's a good week: Spring is in the air; Game of Thrones is back on television; and, most importantly, there are tons of new libraries and tutorials about JavaScript, HTML5 and CSS to enjoy. A hot topic this week, both from Adobe and from numerous external sources, was the CSS Regions and exclusions proposals from Adobe. Backbone.js also seems to dominate discussions and tutorials about JavaScript frameworks at the moment. There's plenty more of course, including a number of new micro-libraries. Enjoy!
Tutorials
What happens when you mix CSS exclusions experiments with a love of beer? Ryan Stewart shares results.
Experimenting with CSS Exclusions
John Allsopp explains what sessionStorage and localStorage are and how to use, along with differences in browser implementations
webStorage: Persistent client side data storage
See how to do content folding for your responsive web design using CSS Regions via Chris Coyier
Content Folding
Thierry Koblentz writes on a device-agnostic, content-centric approach to responsive web design
Device-Agnostic Approach To Responsive Web Design
Douglas Crockford discusses the meaning of this in JavaScript and a new function operator coming in ECMAScript 6.
What is the meaning of this?
Frameworks and Libraries
Mohd Hadihaizil Din shows how to create the popular "infinite scroll pagination" effect using jQuery.
How to Create Infinite Scroll Pagination
Greg Rewis shows how to make Dreamweaver add code coloring and hinting with the Sass and Less CSS preprocessors
Using Dreamweaver with Sass and Less
My article on pseudo-classical object-oriented programming in JavaScript with Minion is now on the ADC, updated with some feedback from the framework’s author.
Pseudo-classical object-oriented programming in JavaScript with Minion
A good tutorial on using Modernizr for HTML5 feature detection and conditional polyfilling.
Using Modernizr to detect HTML5 features and provide fallbacks
James Brown shows how to use the Backbone.Mutators plugin for Backbone.js
Exploring Backbone.Mutators Plugin
Dan Wellman continues his tutorial on building a contacts manager with Backbone.js. Part 4 focuses on editing data.
Build a Contacts Manager Using Backbone.js: Part 4
A nice introduction and tutorial on Underscore.js from Siddharth.
Getting Cozy With Underscore.js
Mobile
Adobe released a PhoneGap Build extension for Dreamweaver CS5.5 users.
Adobe releases PhoneGap Build extension for Dreamweaver CS5.5
How to create an Autocomplete in jQuery Mobile by Raymond Camden
Example of Autocomplete in jQuery Mobile
Jesse Freeman posts a fantastic tutorial on how to create a PhoneGap application including source
Room112 – PhoneGap Exploration
Christophe Coenraets shows how to create native-looking iOS Apps with HTML, Backbone.js & PhoneGap - includes source
Crafting Native Looking iOS Apps with HTML, Backbone.js, and PhoneGap
Learn how to extend the capabilities of PhoneGap by creating native plugins for iOS from Andrew Trice
Extending PhoneGap with native plugins for iOS
New and Updated Frameworks and Libraries
Messenger.js is a library for Node.js that makes network communication via JSON simple and fast.
messenger.js
Determine if your user has the resolution and bandwidth for high resolution images using foresight.js
foresight.js
Rainbow is a lightweight (1.2 kb) code syntax highlighting library written in Javascript.
Rainbow - Javascript Code Syntax Highlighting
Thing.js is a tiny JavaScript wrapper around object.create that aids in creating objects.
Thing - A tiny object that aids in creating other objects
Ben Alman released Grunt, a task-based command line tool for JavaScript projects with many useful predefined tasks and the ability to define custom tasks.
Introducing Grunt
lazyload is a JavaScript library designed to help save http requests by lazy loading images.
lazyload
Etc.
Addy Osmani announces Backbone.Paginator components for managing pagination in Backbone.js web apps
Backbone.Paginator - New Pagination Components For Backbone.js
Adobe's Hans Muller explains the CSS transform-origin that is coming to SVG in WebKit.
CSS transform-origin Coming to SVG
You need to download Appliness, a digital magazine by and for developers on HTML, JavaScript & more.
Appliness: digital magazine
No comments:
Post a Comment
Thank's!