Web Development Resources

HTML

• HTML5 Boilerplate - Popular website template
• HTML5 Doctor - Articles on the latest additions to HTML5

CSS

• ColorZilla CSS Gradient Editor - GUI for creating CSS3 gradients
• CSS Zen Garden - Demonstrates the flexibility of CSS-based design
• Dust-Me Selectors - Detects unused rules in your stylesheets
• Normalize.css - Makes user agent stylesheets more consistent and modern
• Sass - Stylesheet preprocessor language with variables, nesting, mixins, and more

JavaScript libraries

• AngularJS - Directive-based MVC framework
• Backbone.js - Barebones MVC framework
• Ember.js - Handlebars-based MVC framework
• jQuery - Downloads and documentation for the most popular web framework

Browser support

• Autoprefixer - Preprocesses stylesheets and adds vendor prefixes
• Can I use... - Worldwide browser support percentages for new technologies
• CSS3 Please - Easy vendor prefixing page for popular CSS3 features
• HTML5 Please - Whether to use the latest in HTML5
• Modernizr - JS feature-detection library

Web applications

• Django - Python-based web app framework
• Grunt - JavaScript-based preprocessor
• Middleman - Ruby-based front-end workflow app
• Ruby on Rails - Wildly popular Ruby-based web app framework
• Yeoman - JavaScript-based front-end workflow app

General

• A List Apart - Articles on the web as a platform and business
• CSS-Tricks - Compendium of examples and code snippets
• Front-end Rescue - How to keep up-to-date on front-end technologies
• Stack Overflow - A popular Q&A platform for programmers

Documentation

• MDN: Web technology for developers - Mozilla's documentation on the web
• WebPlatform.org - Web documentation wiki from a variety of sources

Online schools

• Code Academy
• Code School
• Coursera
• Front-end Web Development - at Noisebridge
• JavaScript Class - at Noisebridge
• Khan Academy
• Rails School - at Noisebridge
• Udacity