Tools used for HTML, Style sheets and JavaScript in web development.
Yeoman bundles Grunt and Bower with the scaffolding tool Yo used to setup a new web application as follows:
yo webapp
See also
Grunt is a build tool for compiling static HTML, CSS, JS and the likes from source files such as SCSS. It can be used to automatically recompile, show and/or reload files in the browser by running:
grunt watch
See also
Assemble is a static site generator for use with Grunt. Starting an assemble project is easy with Yeoman:
npm install -g generator-assemble
mkdir project && cd project
yo assemble
See also
Bower is used like a package manager for client-side JS, CSS and other packages. It automatically installs, updates and manages libraries such as Twitter’s Bootstrap. For example, installing Backbone is easy:
bower install backbone
This will also include Backbone dependencies such as Underscore.
See also
Bootstrap is a comprehensive front-end framework consisting of:
The original version of bootstrap is built using Less CSS but a port using Compass is available as Sass Bootstrap.
See also
It is essential to test the design and functioning of a site across a range of different browsers and devices. To make this simpler, several services exist to create screenshots of webapps in different browser environments and/or to have live access to apps on different browsers and devices.
See also