Collection of links to tools and tricks for frontend web developers.

Tips & Tools for Frontend Web Developers

### Manuals, Specs and Documentation

  # DevDocs
  http://devdocs.io/

  # Best Practices
  http://bp.sapient-lab.com/


 ## Focus on forms (in ascending specificity)

  # DevDocs / HTML5 / forms
  http://devdocs.io/html/form

  # Mozilla Developer Network on forms
  https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms

  # WHATWG on forms
  http://www.whatwg.org/specs/web-apps/current-work/multipage/forms.html#forms

  # W3C on forms
  http://www.w3.org/TR/html5/forms.html


### Cheatsheets

 ## Emmet
  HTML shorthand magic (supported by Codepen and Sublime Text)

  # Emmet Cheat Sheet
  http://docs.emmet.io/cheat-sheet/
  
  # RWD Screen Sizes for Media Queries
  http://www.metaltoad.com/blog/simple-device-diagram-responsive-design-planning


### Bootstrapping, Boilerplates

 ##  CSS Generators

  # CreateCSS3
  Transforms, gradients, ...
  http://www.createcss3.com/

 ## Boilerplate Generators

  # Initializer 
  Creating H5BP, Responsive, Bootstrap boilerplates.
  http://www.initializr.com/


 ## Templates and Snippets

  # Bootstrap Templates
  http://startbootstrap.com/all-templates

  # Simple RWD Boilerplate
  http://codepen.io/nexxos/pen/HkqvE

  # Simple Form Template/s
  http://codepen.io/nexxos/pen/umvgb
  
  # RWD Patterns and Best Practices
  http://bradfrost.github.io/this-is-responsive/patterns.html
  
 ## Inspiration

  # Someone's favourite sites
  http://www.creativebloq.com/css3/ethan-marcottes-20-favourite-responsive-sites-10112931