Фреймворк для сайта

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

Оглавление:
  1. Semantic UI
  2. Пакеты Semantic UI Framework
  3. Semantic UI Темы пользовательского интерфейса
  4. Ionic
  5. Almost Flat UI
  6. UIkit
  7. Bootflat
  8. Brick
  9. Заключение

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

Semantic UI

Компоненты, предлагаемые Semantic UI включают в себя кнопки, иконки, изображения, надписи, сегменты и многое другое. Semantic UI дает Вам различные компоненты пользовательского интерфейса в режиме реального времени debug output, подсказывая пользователю, что и когда делать.

Фреймворк Semantic UI для адаптивного сайта
Фреймворк Semantic UI создаёт пользовательский интерфейс
к меню ↑

Пакеты Semantic UI Framework

Semantic UI Темы пользовательского интерфейса

Доступны также темы WordPress и Tumblr.

Ionic

Ionic красивый front-end фреймворк для разработки различных мобильных приложений HTML5. Он все еще находятся в разработке, но Альфа версия доступна для скачивания. Фреймворк Ionic с открытым исходным кодом, библиотека оптимизированная для мобильных платформ HTML, CSS и JavaScript для построения высоко интерактивных приложений.

Фреймворк Ionic оптимизирован для мобильных платформ
Фреймворк Ionic для построения высоко интерактивных приложений

Хотя Ionic построен на Sass и оптимизирован для AngularJS, но Вы сможете использовать возможности CSS.

к меню ↑

Almost Flat UI

Almost Flat UI на основе Foundation Framework. Это означает, что если вы знакомы с Foundation, то вы можете использовать Almost Flat UI без проблем. Пользовательский интерфейс Almost Flat UI включает в себя ряд полезных виджетов, таких как панели CSS, pricing tables, thumbnails with nice hover effects, breadcrumbs, tabs, alerts и всплывающие подсказки.

Фреймворк Almost Flat UI имеет ряд полезных виджетов
Пользовательский интерфейс Almost Flat UI включает в себя ряд полезных виджетов
к меню ↑

UIkit

UIkit легкий и модульный front-end фреймворк для разработки быстрых и мощных веб-интерфейсов. UIkit как и многие платформы с открытым исходным кодом и предлагает выбор больших компонентов.

UIkit легкий и модульный front-end фреймворк
UIkit легкий front-end фреймворк для разработки быстрых веб-интерфейсов

Одним из уникальных и полезных дополнений является markdown, предварительный просмотр в реальном времени и поддерживает подсветку синтаксиса для HTML. Другие полезные компоненты и дополнения включают в себя классы стилей CSS для статей и комментариев по разделам. Кроме того, с Sortable add-on вы можете создать список nestable, которые можно отсортировать с помощью drag-and-drop.

к меню ↑

Bootflat

Bootflat — это open-source комплект пользовательского интерфейса на основе Twitter Bootstrap 3.

Фреймворк Bootflat на основе Twitter Bootstrap 3
Фреймворк Bootflat — это open-source комплект пользовательского интерфейса

Bootflat предоставляет два различных скина: Bootflat скин UI по умолчанию и Bootflat Square UI Skin

к меню ↑

Brick

Brick фреймворк Mozilla, многократно используемый компоненты пользовательского интерфейса, создан с целью обеспечить быстрое развитие кросс-браузерных и мобильные веб-приложения на HTML5.

Brick — это не альтернатива Twitter или Foundation. Brick предлагает кросс-платформенные компоненты пользовательского интерфейса для современных веб-приложений.

Фреймворк Brick - это не альтернатива Twitter или Foundation
Фреймворк Brick для современных веб-приложений

Brick в настоящее время в Бета-версии. Если вы столкнетесь с проблемами при использовании компонентов, вы можете задать вопроса в GitHub.

к меню ↑

Заключение

Конечно, это не полный список фреймворков, есть много других структур. Что вы думаете о приведённых в этой статье малоизвестных фреймворках? Вы уже пробовали другие комплекты интерфейсов? Поделитесь своим мнением в комментариях.