The demand for apps is strong, and it’s coming from everywhere! This comprehensive guide provides an introduction to many of the skills and best practices you need to build modern web apps. This field guide is designed to help you create great user experiences in your web apps. Whether you’re building your first web app, or are just looking for ways to improve existing experiences, there’s something here for you!

Iterested in mobile development?. In this post you will find 11 Mobile Development Tutorials.
From HTML5 & Javascript using Jquery Mobile, to building WordPress theme for mobile.

CoffeeScript is a small programming language that compiles into JavaScript. It seeks to make writing JavaScript code better by providing you with a more consistent and succinct syntax, as well as by avoiding the “bad parts” and quirky/irregular nature of the JavaScript language.

Pears are common patterns of markup and style.
Avoid rewriting the same CSS blocks over and over, just use PEARS and save time.
Collect, test, and experiment with interface pattern pairings of CSS & HTML. Pears is an open source WordPress theme, enabling people like you to get your own pattern library up and running quickly.

The guys at Boomeranggmail.com analyzed their database with over five million user messages, and found really helpful stats and trends that might be very handy for you to consider next time you’re planning your email sending.

LiveReload monitors changes in the file system. As soon as you save a file, it is preprocessed as needed, and the browser is refreshed.

Even cooler, when you change a CSS file or an image, the browser is updated instantly without reloading the page.

They even have a version for Windows

html5sql is a light JavaScript module that makes working with the HTML5 Web Database a whole lot easier. Its primary function is to provides a structure for the SEQUENTIAL processing of SQL statements within a single transaction. This alone greatly simplifies the interaction with the database however it doesn’t stop there. Many other smaller features have been included to make things easier, more natural and more convenient for the programmer.

(Demo) http://html5sql.com/demo.html
(Documentation) http://html5sql.com/guide.html

I wanted to share this great interview where Derick Bailey defines the most prominent differences between Backbone.js and other popular frameworks like Knockout and Spine. He also explains how Backbone compares to a regular MVC framework.

Turn.js is a plugin for jQuery that adds a beautiful transition similar to real pages in a book or magazine for HTML5.

+ Uses Hardware acceleration
+ Works on tablets and smartphones
+ Easy to manipulate
+ Lightweight, only 15K

Chris Mills shows you how to use “object-fit” and “object-position” to control your aspect ratio in CSS3.

Very detailed tutorial for creating vector shapes using Adobe Illustrator. I love the methods & tricks used to bend the bezier curves, which is the hard part in creating these graphics.

Handy diagram for sectioning content elements in your HTML5 document.

Really liked the way this HTML5/CSS3 tutorial is heading. Everything is super clear with corresponding examples.

Micro-frameworks are definitely the pocketknives of the JavaScript
library world: short, sweet, to the point. And at 5k and under,
micro-frameworks are very very portable. A micro-framework does one
thing and one thing only — and does it well. No cruft, no featuritis,
no feature creep, no excess anywhere.

HTML KickStart includes everything you need to rapidly create website layouts – things like slideshows, menus, flexible grids, image placeholders, buttons, and more – saving you a ton of time so you can produce faster and make more money.

Sam Stephenson speaking at the Future of Web Apps London 2011 runs through how to write cleaner and faster JavaScript with CoffeeScript and where this is leading in the future.

Drag and drop image files into the space below and click “Generate” to create a sprite sheet and stylesheet. This demo uses a couple of HTML5 APIs, and it is only currently compatible with the latest versions of Chrome and Firefox.

CSSrefresh is a small, unobstructive javascript file that monitors the CSS-files included in your webpage. As soon as you save a CSS-file, the changes are directly implemented, without having to refresh your browser.

Great site to get started with web development tutorials.

Very handy online web development documentation