Web Development Resources

From Noisebridge
(Difference between revisions)
Jump to: navigation, search
(CSS)
(CSS)
Line 12: Line 12:
 
== CSS ==
 
== CSS ==
 
* [http://jigsaw.w3.org/css-validator/ W3C CSS Validator]
 
* [http://jigsaw.w3.org/css-validator/ W3C CSS Validator]
* [https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/ Dust Me CSS Selectors ]
+
* [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://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 ]
 
* [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
  

Revision as of 17:09, 28 December 2013

Contents

About

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

HTML

CSS

JavaScript

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

Personal tools