- Using the right editorSwitching from a simple text editor to one made for authoring HTML, CSS and JavaScript will help reduce errors and streamline the generating of code.
- Using time-saving pluginsSome plugins in the browser, editor and command-line will save you heaps of time. Try out Emmet, Use LiveReload and Autoprefixer. etc.
- Using the right stackTake the time to learn the right front-end authoring framework. The NodeJS stack is incredibly well-suited for this, so try out such things as Yeoman, Gulp, Grunt, Bower, etc.
- Learn to type fasterDrill, drill, drill. Play typing games, or learn to touch type if you haven't already.
- Get to know your keyboard shortcutsThe less time your hands spend on the keyboard, the less efficient you are. So start memorising and using the keyboard shortcuts in your browser, editor and OS.
- A well-defined plan or specMake sure you have all the materials you need beforehand. Communicate!
Refactoring is costly, so if you can, understand what is required of you BEFORE you start working. Work it into your contract so that you get paid for what you deliver. - Memorise!
CSS and HTML have a finite number of elements in play. Learn all the properties, selectors, elements and attributes. Learn how they work. If you can cut down on googling for answers, you'll be more efficient.
You'll also need to learn how different browsers handle your work. - Testing
Reducing errors early will potentially save you lots of rework later. Fire up Internet Explorer and your mobile browser early and test. - Re-use assets
Got something that worked well in a previous project and is needed again? Drop that into your new project. Start building a library of patterns you use often.