Designing in the Browser (Tools)
Nice tips/tools for designing in the browser. Or rapid application development in my opinion too
Video on YouTube by Divya Manian
Why
- Many devices (resolution etc), browser & feature differences etc
- Dynamic
- Impossible to go for pixel perfection
- Not easy to convert designs into reality sometimes (HTML, CSS3)
How
- Static site generators: Jekyll (used in GitHub Pages) & DocPad
- Sensible defaults: HTML5 Boilerplate
- Style preprocessors: SASS, Stylus, LESS
- Templating Language: Mustache, Eco, HAML, Jade, DustJS
- "Real fake data": FakerJS
- Design scaffolding: Twitter Bootstrap, Zurb Foundation
- Refresh on save: LiveReload
- Documentation: Docco, StyleDocco
Written by Jiew Meng
Related protips
Have a fresh tip? Share with Coderwall community!
Post
Post a tip
Best
#Tools
Authors
Sponsored by #native_company# — Learn More
#native_title#
#native_desc#