Занимаюсь версткой сайтов больше года. Но никак не могу достичь желаемой скорости. Один экран лэндинга могу 3 часа делать. Препроцессоры, шаблонизаторы использую, но это не помогает. Хотелось бы услышать ваши реальные истории, как вы развивались в этом направлении. И как удалось повысить скорость верстки.
Верстка "пиксель перфект" требует много времени и может быть 3 часа - это хороее время, особенно если вы сразу под все разрешения делает за эти 3 часа.
Но если хочется быстрее, то попробуйте верстать прямо в браузере Google Chrome с открытыми Инструментами разработчика (Открываются по кнопке F12). Это полноценная среда для разработки html/css/js с подсказками и подсветкой кода и другими ускорящими инструментами. Очень ускоряет за счет того, что нет необходимости переключаться от кода к отрендеренной странице - всё происходит прямо в браузере. Там же есть инструмент для проверки страницы на мобильниках/планшетах и так далее.