Ajaxblog

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

Фреймворки, которые я собираюсь сравнивать, отранжированы согласно ретингу популярности на GitHub.

1. Bootstrap

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

Создатели: Mark Otto и Jacob Thornton
Год выхода: 2011
Текущая версия: 3.3.1
Популярность: 75,000+ звезды на GitHub
Размер: 145 KB
Препроцессоры: Less и Sass
Адаптивность: Да
Модульность: Да
Базовые шаблоны / макеты: Да
Набор иконок: Glyphicons Halflings набор
Расширения / Дополнения: Нет в комплекте, но многие сторонние плагины доступны.
Документация: Хорошая
Кастамизация: Есть. К сожалению, вам нужно ввести значения цвета вручную, поскольку нет возможности выбора цвета.
Поддержка браузеров: Firefox, Chrome, Safari, IE8 + (необходимо Respond.js для IE8)
Лицензия: MIT

Примечания по Bootstrap

Основным преимуществом Bootstrap является его огромная популярность. Он предлагает гораздо больше ресурсов (статьи и учебники, сторонних плагинов и расширений, и так далее), чем четыре других фреймворки вместе взятых. Короче говоря, Bootstrap везде. И это главная причина по которой, люди по-прежнему выбирают его.

2. Foundation by ZURB

Foundation второй большой игрок в этом списке. Большая компания ZURB поддерживает его, тем самым, мы можем надеяться на хорошую поддержку и развитие этого фреймворка. В конце концов, ZURB используется на многих крупных сайтах в том числе Facebook, Mozilla, Ebay, Yahoo!, и National Geographic.

Создатели: ZURB
Год выхода: 2011
Текущая версия: 5.4.7
Популярность: 18000 звезды на GitHub
Размер: 326 KB
Препроцессоры: Sass
Адаптивность: Да
Модульность: Да
Базовые шаблоны / макеты: Да
Набор иконок: Foundation Icon Fonts
Расширения / Дополнения: Да
Документация: Хорошая
Кастамизация: Нет, только ручная настройка.
Поддержка браузеров: Chrome, Firefox, Safari, IE9 +; IOS, Android, Windows Phone 7 +
Лицензия: MIT

Примечания по ZURB

ZURB профессиональный фреймворк с поддержкой бизнес компанией.

3. Semantic UI

Semantic UI использует принципы естественного языка, в результате чего код намного более читабельный и понятный.

Автор: Jack Lukic
Год выхода: 2013
Текущая версия: 1.2.0
Популярность: 12,900+ звезды на GitHub
Размер: 552 KB
Препроцессоры: Less
Адаптивность: Да
Модульность: Да
Базовые шаблоны / макеты: Нет
Набор иконок: Font Awesome
Расширения / Дополнения: Нет
Документация: Очень хорошая
Кастамизация: Нет, только ручная настройка.
Поддержка браузеров: Firefox, Chrome, Safari, Internet Explorer 10 + (IE9 с браузера префикса только), Android 4, Blackberry 10
Лицензия: MIT

Примечания по Semantic UI

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

4. Pure by Yahoo!

Pure является легковесной, модульным фреймворком, написан на чистом CSS, что позволяет вам использовать компоненты вместе или отдельно с друг другом, а также с другими CSS фреймворками.

Создатель: Yahoo
Год выхода: 2013
Текущая версия: 0.5.0
Популярность: 9,900+ звезды на GitHub
Размер: 18 KB
Препроцессоры: Нет
Адаптивность: Да
Модульность: Да
Базовые шаблоны / макеты: Да
Набор иконок: Нет. Вы можете использовать шрифт Font Awesome.
Дополнительно / Дополнения: Нет
Расширения / Дополнения: Нет
Документация: Хорошая
Кастамизация: Есть
Поддержка браузера: Последние версии Firefox, Chrome, Safari; IE7 +; IOS 6.x, 7.x; Android 4.x
Лицензия: Yahoo! Inc. BSD

Примечания по Pure

Pure предлагает только «голый» css для работы. Он идеально подходит для людей, которым не нужен полнофункциональный фреймворк, а только определенные компоненты

5. UIkit by YOOtheme

UIKit является коллекцией простых в использовании и легко настраиваемых компонентов. Хотя он не так популярен, как ее конкуренты, он имеет сходную функциональность и отличное качество компонентов.

Год выхода: 2013
Текущая версия: 2.13.1
Популярность: 3,800+ звезды на GitHub
Размер: 118 KB
Препроцессоры: Less, Sass
Адаптивность: Да
Модульность: Да
Базовые шаблоны / макеты: Да
Набор иконок: Font Awesome
Дополнительно / Дополнения: Да
Расширения / Дополнения: Да
Документация: Хорошая
Кастамизация: Есть
Поддержка браузеров: Chrome, Firefox, Safari, IE9 +
Лицензия: MIT

Примечания по UIKit

UIKit успешно используется во многих темах WordPress. Он предлагает гибкий и мощный механизм настройки, с помощью его визуального GUI.