Визуальное сравнение 13 CSS-фреймворков
Предлагаю Вашему вниманию результаты небольшого исследования — визуального сравнения 13 CSS-фреймворков.
Цель исследования — определить, какой из фреймворков лучше всего справляется со стилизацией по умолчанию, т.е. без добавления специальных (предусмотренных фреймворком) классов.
В исследовании представлены следующие фреймворки:
Bootstrap
Materialize
Bulma
Foundation
Semantic
Skeleton
Tailwind
Uikit
Pure
Milligram
Spectre
Base
Picnic
Использовались следующие версии стилей:
Bootstrap — stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css
Materialize — cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css
Bulma — cdnjs.cloudflare.com/ajax/libs/bulma/0.7.4/css/bulma.min.css
Foundation — cdn.jsdelivr.net/npm/foundation-sites@6.6.3/dist/css/foundation.min.css
Semantic — cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css
Skeleton — cdnjs.cloudflare.com/ajax/libs/skeleton-framework/1.1.1/skeleton.min.css
Tailwind — cdnjs.cloudflare.com/ajax/libs/tailwindcss/1.5.2/tailwind.min.css
Uikit — cdn.jsdelivr.net/npm/uikit@3.5.5/dist/css/uikit.min.css
Pure — unpkg.com/purecss@2.0.3/build/pure-min.css
Milligram — cdnjs.cloudflare.com/ajax/libs/milligram/1.4.0/milligram.css
Spectre — unpkg.com/spectre.css/dist/spectre.min.css
Base — unpkg.com/@getbase/base/core.css
Picnic — cdn.jsdelivr.net/npm/picnic
Читать дальше →
Источник:
Если Вы хотите оставить заказ на разработку сайта или получить предварительную консультацию воспользуйтесь формой по ссылке ниже.
Обратная связь
Наш специалист ответит вам в течении суток.
Похожие публикации
[Из песочницы] Сравнение Material Design CSS фреймворков
Доброго время суток. В статье рассказно о Material Design фреймворках для создания Web-страничек. Если вас интересует тема Material Design, также как и меня, то Добро пожаловать под кат, возможно,... читать далее
[Из песочницы] Как не надо писать шаблоны для bootstrap
Мало кто сейчас пишет дизайн сайта с нуля — зачем, если есть куча замечательных CSS фреймворков? Наиболее популярен среди них bootstrap. Тем не менее, всем хочется, чтобы сайт выглядел уникально, не... читать далее
[Из песочницы] Инструмент для сравнения CSS фреймворков
Привет, я Александр. Активно изучаю и занимаюсь веб разработкой уже около года. Все началось с удаления клиента любимой игры и поиска ментора. Совершенствуясь в веб-разработке создал проект CSS... читать далее
[Перевод] Логирование активности с использованием Web Beacon API
Beacon API — это основанный на JavaScript интерфейс для: отправки небольшого количества данных на сервер с браузера, без ожидания ответа. В этой статье, мы рассмотрим в каких случаях будет полезен... читать далее
Блог им. Vasiliadi / Ссылка 30 Tooltip техник использующих Javascript, Ajax и CSS
Примеры использования 30 различных Tooltip. Источник: Уроки CSS на Хабрахабре... читать далее
Выпадающее меню в панели номеров страниц Twitter Bootstrap
Вчера я делал верстку для панели с номерами страниц с использованием Twitter Bootstrap и мне потребовалось добавить туда выпадающее меню (для выбора вариантов сортировки и количества элементов на... читать далее
Прокомментировать
Облако тегов
angular CSS css es6 frontend habrahabr.ru html HTML html5 JavaScript javascript js react ReactJS seo SEO на Хабрахабре skillfactory vue Блог компании RUVDS.com Блог компании SkillFactory Веб-дизайн Дизайн Интернет-маркетинг Поисковая оптимизация Программирование Разработка веб-сайтов Уроки CSS на Хабрахабре автомобильный сайт браузеры верстка вёрстка дайджест дизайн интернет-магазин корпоративный сайт модуль разработка ссылки фронтенд
Реклама на сайте