Визуальное сравнение 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

Читать дальше →

Источник: Уроки CSS на Хабрахабре