10 легких альтернатив Bootstrap & Foundation

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

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

Вот 10 легких альтернатив Bootstrap и Foundation, которые вы должны использовать для создания небольших веб-сайтов.

Больше на Hongkiat.com:
1. Скелет
остов наконец-то получил подтяжку лица. Это полная реконструкция с нуля, и все же она все еще такая же легкая, как и раньше. Новая система сетки скелета теперь принимает мобильная первая философия, что гарантирует, что макет занимает центральное место независимо от того, насколько маленький экран устройства.

Все компоненты, которые были включены в более раннюю версию – кнопки, формы и элементы ввода – все еще присутствуют, но основные стили типографии теперь установлены в rem unit.

1. CardinalCSS
   CardinalCSS это CSS-фреймворк, построенный с акцентом на производительность, удобочитаемость и, самое главное, удобство обслуживания. CardinalCSS использует некоторые современные подходы, такие как mobile-first, для формирования сетки; и CSS Box Model, которая позволяет легко определять ширину и высоту элемента.

CardinalCSS также поставляется с несколькими вспомогательными классами, которые позволяют быстро применять стили к элементу, например, буквица, которая применяет эффект буквицы для первого символа в абзаце.

1. ConciseCSS
   ConciseCSS это фреймворк CSS – без раздувания. Это компактный фреймворк, построенный на основе Sass, LESS и Stylus, который прокладывает свой золотой путь к удобству сопровождения CSS. Но, если вы предпочитаете простой простой ванильный CSS, у вас это тоже может быть.

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

1. PowertoCSS
   PowertoCSS – это легкий и прочный каркас внешнего интерфейса. Имена классов, которые используются для построения сетки и применения стилей, просты и легко запоминаются, например, .button. Вы также можете добавить свою собственную тему. Отправляйтесь в их StarterKit, чтобы начать.

1. Сильный
   вороватый это CSS-фреймворк для мобильных устройств, построенный на основе передовых веб-стандартов, таких как использование Flexbox для сетки и rem-модуля для определения размеров элементов (включая размер шрифта). Furtive сохраняет небольшой размер CSS, не поддерживая старые браузеры (* cough * Internet Explorer), поскольку они требуют некоторого взлома CSS. Следовательно, Furtive является идеальной основой, если вы разрабатываете веб-сайт на будущее.

1. BassCSS
   BassCSS предлагает легкий набор стилей базовых элементов, утилит, макетов и стилей цвета в модульной форме для создания адаптивного веб-приложения. Файлы SCSS включены для легкой настройки стиля. Вы можете играть с типографикой, пробелами, точками останова и элементами пользовательского интерфейса.

1. Мюллер
   Mueller является модульной адаптивной сеточной системой, построенной на основе Sass и Compass. С помощью Мюллера вы можете строить сетку, добавляя классы прямо в элементы HTML, или, если вы предпочитаете, чтобы ваши элементы HTML были аккуратными и чистыми, с помощью функции grid (). Сетка Мюллера может использоваться совместно с библиотекой Masonry Javascript для создания макета в стиле Pinterest.

1. Туктук
   Tuktuk – это уникальное имя для фреймворка. По сравнению с Bootstrap или Foundation, Tuktuk намного легче, поскольку в его состав входит только необходимое количество компонентов для создания презентабельного веб-сайта, включая систему сетки, базовые стили для типографики, таблиц и несколько пользовательских интерфейсов, таких как navbar и модальности,

1. База
   База построена на основе LESS и Sass и включает в себя только самые важные компоненты для создания веб-сайтов: сетку и базовое оформление элементов HTML. Base не поставляется с компонентами Javascript, но обеспечивает большую совместимость с браузером, так что работает даже с IE7.

1. Тост
   Последний из нашего списка Тост, С помощью таблицы стилей SCSS, включенной в пакет, Toast позволяет легко настраивать имена классов сетки, желоб и даже базу столбцов. Например, если вы хотите, чтобы сетка состояла из 9 базовых столбцов вместо 12, вы можете сделать это. Toast – это минимальный CSS-фреймворк с очень гибкими настройками, отвечающими вашим требованиям.