Наверх

Применение CSS фреймворков в разработке и дизайне веб-проектов

Ярлыки:
18.10.2012
Задача -  разработка и верстка шаблонного дизайна наименьшей кровью для быстрого запуска проекта без жесткой кастомизации. C главным требованием - мультиплатформенность и модальность при разрешениях от 320 px (iphone) до 1200 px (desktop).  Основной критерий - быстрота. С точки зрения поиска исполнителя, вопрос неоднозначный. Но реальный. Разбирательство в семантике и стандартах не особо сложно для человека, специалиста в верстке. По построению грида после проведенного анализа - был сделан выбор в сторону 1140 CSS Grid. Преимущество в подстройке дизайна под более большие разрешения мониторы ( 1024), при этом растягивание идет до 1200. А также динамическое изменение размеров изображений. Сама сборка -  CSS grid version 2.0 PSD template - сетка для отрисовки прототипа и дизайна. Первоначальный набор элементов, который я уверено покроет 98% всех нужд - это Bootstrap. Существуют различные кастомизированные сборки, например facebook, которые имеют стилистику данных проектов. Темы также имеются - http://bootswatch.com/. Что непременно является плюсом. На сайте разработчика можно найти последнюю сборку. Также представлены в сети и русскоязычные варианты. PSD bootstrap макет всех элементов может быть использован для отрисовки дизайна. Для прототипирования проекта (mockup - мокап) и обозначения элементов могут быть полезны отдельные изображения:  
comments powered by HyperComments