HTML5 CSS3/LESS Twitter Bootstrap/Bootswatch SwatchMaker (I prefer using this instead of rolling my own) Javascript, jQuery, bootstrap js plugins and angular

HTML5 CSS3/LESS Twitter Bootstrap/Bootswatch SwatchMaker (I prefer using this instead of rolling my own) Javascript, jQuery, bootstrap js plugins and angular.js(for web apps needing heavy javascript work) Here is my typical workflow : 1. UX Design : sketches using paper/pencil 2. Think/Decide about color scheme and UI design. Get a basic image of what I want in my mind and note down colors. I use services like Adobe Kuler/ 0to255.com for color selection. 3. Make a fresh copy a project template folder + git-fy it. It is basically a collection of usually needed libraries like jQuery/BootStrap and blank starter files. 4. Quickly convert sketches to html using default bootstrap theme, jquery, jquery plugins, angular.js etc. In this stage focus is on implementing UX and not on how site looks. I don't touch photoshop/illustrator unless I feel the need to design custom logo/icons/backgrounds 5. Create custom css3/less code that override bootstrap css for custom look & feel. If heavy modification is needed I use bootswatch swatchmaker to create custom bootstrap skins. 6. Test UI in various combinations of browsers/devices/os/resolution and test how it looks with JS disabled. 7. Rinse and Repeat as needed.