10 легких альтернатив Bootstrap & Foundation
Выбор подходящего фреймворка, который идеально подходит для ваших проектов, может быть немного ошеломляющим — есть из чего выбирать. Возможно, вы захотите выбрать популярные варианты, такие как Bootstrap или Foundation, но если ваш сайт будет довольно простым, вам не понадобится большинство строительных блоков и материалов, включенных в пакет по умолчанию.
Хорошая новость заключается в том, что есть несколько альтернатив, которые значительно уступают Bootstrap или Foundation. Большинство этих фреймворков поставляются с нужным количеством стилей и компонентов, которые помогут вам начать работу, и в то же время позволят вам расширять их в нужном вам направлении для вашего проекта.
Вот 10 легких альтернатив Bootstrap и Foundation, которые вы должны использовать для создания небольших веб-сайтов.
Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)
Больше на Hongkiat.com:
1. Скелет
остов наконец-то получил подтяжку лица. Это полная реконструкция с нуля, и все же она все еще такая же легкая, как и раньше. Новая система сетки скелета теперь принимает мобильная первая философия, что гарантирует, что макет занимает центральное место независимо от того, насколько маленький экран устройства.
Все компоненты, которые были включены в более раннюю версию — кнопки, формы и элементы ввода — все еще присутствуют, но основные стили типографии теперь установлены в rem unit.
- CardinalCSS
CardinalCSS это CSS-фреймворк, построенный с акцентом на производительность, удобочитаемость и, самое главное, удобство обслуживания. CardinalCSS использует некоторые современные подходы, такие как mobile-first, для формирования сетки; и CSS Box Model, которая позволяет легко определять ширину и высоту элемента.
CardinalCSS также поставляется с несколькими вспомогательными классами, которые позволяют быстро применять стили к элементу, например, буквица, которая применяет эффект буквицы для первого символа в абзаце.
- ConciseCSS
ConciseCSS это фреймворк CSS — без раздувания. Это компактный фреймворк, построенный на основе Sass, LESS и Stylus, который прокладывает свой золотой путь к удобству сопровождения CSS. Но, если вы предпочитаете простой простой ванильный CSS, у вас это тоже может быть.
Точно так же ConciseCSS также поставляется с базовыми стилями для основных элементов, таких как заголовки, абзацы, таблицы, формы и набор классов помощников для создания пользовательского интерфейса кнопки.
- PowertoCSS
PowertoCSS — это легкий и прочный каркас внешнего интерфейса. Имена классов, которые используются для построения сетки и применения стилей, просты и легко запоминаются, например, .button. Вы также можете добавить свою собственную тему. Отправляйтесь в их StarterKit, чтобы начать.
- Сильный
вороватый это CSS-фреймворк для мобильных устройств, построенный на основе передовых веб-стандартов, таких как использование Flexbox для сетки и rem-модуля для определения размеров элементов (включая размер шрифта). Furtive сохраняет небольшой размер CSS, не поддерживая старые браузеры (* cough * Internet Explorer), поскольку они требуют некоторого взлома CSS. Следовательно, Furtive является идеальной основой, если вы разрабатываете веб-сайт на будущее.
- BassCSS
BassCSS предлагает легкий набор стилей базовых элементов, утилит, макетов и стилей цвета в модульной форме для создания адаптивного веб-приложения. Файлы SCSS включены для легкой настройки стиля. Вы можете играть с типографикой, пробелами, точками останова и элементами пользовательского интерфейса.
- Мюллер
Mueller является модульной адаптивной сеточной системой, построенной на основе Sass и Compass. С помощью Мюллера вы можете строить сетку, добавляя классы прямо в элементы HTML, или, если вы предпочитаете, чтобы ваши элементы HTML были аккуратными и чистыми, с помощью функции grid (). Сетка Мюллера может использоваться совместно с библиотекой Masonry Javascript для создания макета в стиле Pinterest.
- Туктук
Tuktuk — это уникальное имя для фреймворка. По сравнению с Bootstrap или Foundation, Tuktuk намного легче, поскольку в его состав входит только необходимое количество компонентов для создания презентабельного веб-сайта, включая систему сетки, базовые стили для типографики, таблиц и несколько пользовательских интерфейсов, таких как navbar и модальности,
- База
База построена на основе LESS и Sass и включает в себя только самые важные компоненты для создания веб-сайтов: сетку и базовое оформление элементов HTML. Base не поставляется с компонентами Javascript, но обеспечивает большую совместимость с браузером, так что работает даже с IE7.
- Тост
Последний из нашего списка Тост, С помощью таблицы стилей SCSS, включенной в пакет, Toast позволяет легко настраивать имена классов сетки, желоб и даже базу столбцов. Например, если вы хотите, чтобы сетка состояла из 9 базовых столбцов вместо 12, вы можете сделать это. Toast — это минимальный CSS-фреймворк с очень гибкими настройками, отвечающими вашим требованиям.
Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)