8584 Андрей Барткевич 13 Октября 2016



Топ 10 Front-End фреймворков в 2016-мHTML 5

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

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

Топ 10 Front-End Frameworks в 2016 году


Ниже представлены десять самых популярных фронтенд-фреймворков на 2016 год.

1. Bootstrap

Bootstrap.jpg

Простой и легко настраиваемый HTML, CSS и Javascript фреймворк для более быстрой и удобной Web-разработки.

2. Semantic-UI

Semantic-UI.jpg
Semantic UI Framework это бесплатный фреймворк и распространяется по лицензии MIT.

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

3. Foundation

Foundation.jpg
Фреймворк состоит из демонстрационного HTML-кода, CSS- и JavaScript-файлов, а также дополнительных изображений. У вас есть возможность выбрать один из трeх вариантов: скачать версию со стилями по умолчанию (Default CSS), самостоятельно настроить некоторые стили: структуру сетки, цвета и типографику, размер кнопок и т.д. (Custom css) или установить Foundation SCSS ( Sass+Compass).

4. Materialize

Materialize.jpg
Materialize – это новый фреймворк, который использует большое количество стилей, элементов, компонентов, анимации и, конечно, принципы Материального дизайна от Google. Есть две доступные версии – Standard, включающий в себя уменьшенные и не уменьшенные файлы CSS и JS, и версия SASS, предоставляющая Вам полную свободу выбора компонентов, которые Вы хотите использовать.

5. Material UI

Material UI.jpg

Material UI – простой CSS фреймворк, в котором есть большая коллекция компонентов, воспроизводящие принципы Материального дизайна от Google. Он доступен как npm пакет.

6. Pure

Pure.jpg

CSS-фреймворк Pure очень маленький! Все модули фреймворка умещаются в 4.5KB* сжатого кода, что никак не сказывается на функциональности и удобстве использования. Размер так мал из-за ориентированности в первую очередь на мобильные устройства. Каждая строка CSS-кода была тщательно продумана. Но, если вы решили использовать лишь какие-то конкретные модули Pure, то вы сэкономите на размере CSS-кода ещё больше и сделаете вашь сайт ещё более лёгким!


7. Skeleton

Skeleton.jpg

Skeleton работает на базе стандартной сетки 960px, поэтому подойдет только для сайтов с фиксированным дизайном. В сетке 16 колонок, это дает большую гибкость в размещении блоков. Есть готовые стили для заголовков, абзацев, списков, форм и кнопок. Дизайнеры могут скачать специальный psd-файл с оформлением Skeleton.

8. UIKit

UIKit.jpg

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

После долгих месяцев разработки и тестирования, команда YOOtheme представила свой новый легкий и модульный front-end css-framework. 
UIkit является полностью бесплатным для всех ваших личных или коммерческих проектов. 

9. Milligram

Milligram.jpg

Минималистичный CSS фреймворк


10. Susy

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

Рейтинг:

Поделится с друзьями:

Вы можете оставить свой комментарий:


98

материалов о web-разработке

1345

читателей нашего блога

15

городов и стран

96

разработанных проектов