Web Development Resources: Difference between revisions

From Noisebridge
Jump to navigation Jump to search
(6 intermediate revisions by the same user not shown)
Line 4: Line 4:
== HTML ==
== HTML ==
* [http://validator.w3.org W3C Validation Service]
* [http://validator.w3.org W3C Validation Service]
* [http://www.whatwg.org/specs/web-apps/current-work/multipage/ HTML Living Standard]
* [https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/ Dust Me CSS Selectors Firefox Addon]


* [http://www.whatwg.org/specs/web-apps/current-work/multipage/ HTML Living Standard] HTML5
* [https://hsivonen.fi/doctype/ Activating Browser Modes with Doctype]
* [http://html5doctor.com/ HTML5 Doctor] - Articles on the latest additions to HTML5
* [http://html5boilerplate.com/ HTML5 Boilerplate] - Popular website template
* [http://html5boilerplate.com/ HTML5 Boilerplate] - Popular website template
* [http://html5doctor.com/ HTML5 Doctor] - Articles on the latest additions to HTML5
 
* [http://www.whatwg.org/mailing-list WHATWG Mailing Lists] Email list for HTML5.


== CSS ==
== CSS ==
* [http://www.w3.org/Style/CSS/current-work.en.html CSS Spec­i­fi­ca­tions]
* [http://jigsaw.w3.org/css-validator/ W3C CSS Validator]
* [http://jigsaw.w3.org/css-validator/ W3C CSS Validator]
* [http://www.cssdrive.com/imagepalette/ CSS Image to Colors Palette Generator] - Create a color palette from an image
* [http://www.cssdrive.com/imagepalette/ CSS Image to Colors Palette Generator] - Create a color palette from an image
* [http://www.colorzilla.com/gradient-editor/ Ultimate CSS Gradient Generator] - GUI for creating cross-browser CSS3 gradients
* [http://www.colorzilla.com/gradient-editor/ Ultimate CSS Gradient Generator] - GUI for creating cross-browser CSS3 gradients
* [http://www.csszengarden.com/ CSS Zen Garden] - Demonstrates the flexibility of CSS-based design
* [http://www.csszengarden.com/ CSS Zen Garden] - Demonstrates the flexibility of CSS-based design
* [http://www.brothercake.com/dustmeselectors/ Dust-Me Selectors] - Detects unused rules in your stylesheets
* [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
* [https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/ Dust Me CSS Selectors ]
* [https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/ Dust Me CSS Selectors ] - Detects unused rules in your stylesheets ([http://www.brothercake.com/dustmeselectors/ homepage]).
* [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


Line 35: Line 37:
* [http://www.w3.org/TR/DOM-Level-3-Core/ W3C DOM Level 3, Core]
* [http://www.w3.org/TR/DOM-Level-3-Core/ W3C DOM Level 3, Core]
* [http://www.w3.org/TR/DOM-Level-2-Events/ W3C DOM Level 2 Events]
* [http://www.w3.org/TR/DOM-Level-2-Events/ W3C DOM Level 2 Events]
* [http://www.w3.org/TR/DOM-Level-3-Events/ W3C DOM Level 3 Events Working Draft]


=== Video ===  
=== Video ===  

Revision as of 21:14, 22 January 2014

About

This page is a collection of web development resources used by JavaScript Class and Frontend Web Development

HTML

CSS

JavaScript

Tutorial

Reference

Video

Newsgroup / Forum

JavaScript libraries

No JavaScript libraries are endorsed in JavaScript Class this group. If you want help with using a library, visit that library's discussion group instead.

  • 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
  • Modernizr - JS feature-detection library

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

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

Quiz

Documentation

Online schools