Технологий уйма. Я вижу, что ребята выше написали вообще все, что только можно.
Но если говорить о скорости, то, в первую очередь, нужно все инструменты объединить в одном месте. Для этого лучше всего подходит Gulp.
1. SASS - компилируется на ~150% быстрее чем LESS (при условии компилирования с помощью libsass), имеет интуитивно понятный синтаксис (речь о функциях и операторах, а не о CSS-возможностях).
2. Gulp (указываю плагины, касающиеся именно повышения скорости разработки):
- gulp-sass;
- browser-sync - обновление стилей/изобр/скриптов без перезагрузки страницы (как статика, так и CMS)
- генератор спрайта (как png, так и svg), при статике так же еще возможно обновление html;
- оптимизация изображений (png, jpg, svg);
3. Редактор кода - Sublime Text. Стабильный, быстрый, легковесный:
- Emmet;
- сниппеты;
- Gulp плагин - для быстрого запуска тасков (самый удобный хоткей - CTRL + SHIFT + M - для запуска дефолтного таска, CTRL + ALT + M - для остановки всех тасков, CTRL + M - для вызова выпадающего списка с тасками);
4. Методологии - SMACSS, как по мне, одна из самых удачных, но еще лучше разработать свой собственный подход. Верстать все максимально модульно, это даст огромный прирост скорости как на поздних этапах разработки, так и в дальнейшем при поддержке проекта.
Ну и всегда думайте, как можно унифицировать тот или иной момент. В таком случае от проекта к проекту ваша скорость будет всегда расти, а значит времени на что-то новое будет все больше.
