Web Development Resources: Difference between revisions
Jump to navigation
Jump to search
(→HTML) |
(→CSS) |
||
Line 11: | Line 11: | ||
* [http://necolas.github.io/normalize.css/ Normalize.css] - Makes user agent stylesheets more consistent and modern | * [http://necolas.github.io/normalize.css/ Normalize.css] - Makes user agent stylesheets more consistent and modern | ||
* [http://sass-lang.com/ Sass] - Stylesheet preprocessor language with variables, nesting, mixins, and more | * [http://sass-lang.com/ Sass] - Stylesheet preprocessor language with variables, nesting, mixins, and more | ||
== JavaScript == | |||
* [http://eloquentjavascript.net Eloquent JavaScript: A Modern Introduction to Programming] | |||
* [http://ecma-international.org/ecma-262/5.1/ ECMAScript® Language Specification] | |||
* [https://developer.mozilla.org/en-US/docs/Web/JavaScript JavaScript | MDN - Mozilla Developer Network] | |||
* [https://developer.mozilla.org/en-US/learn/javascript Learn JavaScript MDN] | |||
== JavaScript libraries == | == JavaScript libraries == |
Revision as of 06:59, 14 December 2013
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
- Eloquent JavaScript: A Modern Introduction to Programming
- ECMAScript® Language Specification
- JavaScript | MDN - Mozilla Developer Network
- Learn JavaScript MDN
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
Quiz
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