Сайты, с которыми мне приходится работать, разделяю для себя на два типа. Первый тип это презентационные сайты с анимационными эффектами и сложной версткой, практически каждый элемент создается вручную и не повторяется больше нигде на сайте. Второй тип, это сайты информационной направленности, множество повторяющихся элементов, минимум эффектов, максимум контента.

При разработке сайтов информационной направленности хочется их сделать как можно быстрей и тут на помощь приходят готовые инструменты. Набор инструментов для создания сайтов и веб-приложений – CSS-фреймворк. Включает в себя HTML и CSS шаблоны оформления для типографики, веб-форм, кнопок, блоков навигации и прочих компонентов веб-интерфейсов, включая javascript расширения для организации переключателей, слайдера и фотогалереи. Самым популярным точно можно назвать Twitter Bootstrap пишут, говорят и используют его многие. Мне приходилось с ним работать пару раз, но особой тяги к нему не возникло.

Год назад мне попался CSS-фреймворк Foundation (Фундамент). При первом знакомстве в глаза бросилась очень качественная документация, которая описывала все моменты Фундамента, возможность собрать свой пакет и поддержка sass. Качественная документация хорошо отразила возможности продукта, поэтому я решил использовать его в одном из крупных проектов.