Обзор CSS-фреймворков. 
Разработка информационной системы для агентства недвижимости

Были протестированы такие фреймворки, как Gumby framework, Bootstrap, Uikit.

Плюсы CSS-фреймворков:

• — Кроссбраузерность.
• — Возможность создать корректный HTML макет даже человеку с небольшим опытом работы.
• — Единообразие кода.
• — Увеличение скорости разработки.

Минусы CSS-фреймворков:

• — Привязанность к стилю CSS библиотеки.
• — Избыточный код.
• 1) Foundation Framework.

С выходом 5-й версии во второй половине 2013 года Foundation Framework от Zurb стал одним из лучших фреймворков для веб-дизайна.

Фреймворк использует 12-модульную сетку, как и Twitter Bootstrap; предоставляет неиспользуемые HTML-компоненты и плагины JavaScipt. Но, в отличие от Twitter Bootstrap, Foundation поддерживает таблицы стилей Sass — метаязык на основе CSS, позволяющий увеличить уровень абстракции CSS кода. Поддержка SASS делает фреймворк более гибким для дизайнеров.

2) Gumby Framework.

Построен на препроцессоре Sass, так что для того, чтобы разобраться с Gumby, необходимо будет понять Sass.

Gumby Framework, как и Twitter Bootstrap, поддерживает Internet Explorer 8 и выше и все популярные open source браузеры.

Следуя стандартам, Gumby делит окно браузера на 12 модулей и поддерживает их гнездование. Но уникальность фреймворку придают такие новые концепции как Гибридные Сетки, Каскады. И естественно, Gumby предоставляет неиспользуемые CSS и плагины JavaScript.

3) Twitter Bootstrap 3.

Позволяет быстро создать адаптивный интерфейс (высокая скорость и качество разработки front-end составляющей сайта по сравнению с её созданием на «чистом» CSS и JavaScript). Осуществляется это посредством применения блоков сетки, классов CSS и компонентов Bootstrap.

Имеет стильный дизайн. HTML элементы, оформленные посредством CSS классов, и компоненты в Bootstrap имеют единый дизайн. Это означает то, что страница будет выглядеть в браузере привлекательно и стильно.

Фреймворк не требует хороших знаний технологий HTML, CSS, языка JavaScript и библиотеки jQuery. Другими словами, вам необходимо иметь только базовые знания этих технологий. Это связано с тем, что ваша задача в основном будет сводиться только в копировании и настройки готовых кусков HTML кода Bootstrap. Понимание скриптового языка JavaScript и библиотеки jQuery, написанной на этом языке, может не потребоваться, т.к. настройку компонентов в Bootstrap можно осуществить с помощью атрибутов data.

Поддерживает кроссбраузерность и кроссплатформенность. Данный фреймворк работает и адаптирован для всех популярных операционных систем и браузеров (Mozilla Firefox, Google Chrome, Safari, Internet Explorer и Opera), работающих в этих системах.

Является открытым и бесплатным фреймворком. Платформа Bootstrap — это проект с открытым исходным кодом, доступным на github. Она имеет лицензию MIT, которая означает то, что данный фреймворк можно применять бесплатно как для личного, так и для коммерческого использования.

Выбор фреймверка

Для разработки проекта был выбран фреймворк Bootstrap, так как был опыт работы с этим фреймворком ранее и он имеет все необходимые средства для создания адаптивного, кроссплатформенного и красивого сайта.