10 легких альтернатив для Bootstrap & Foundation
Вибір правильної структури, яка ідеально підходить для ваших проектів, може бути трохи переважною - є багато на вибір. Можливо, ви хочете піти з популярними виборами, як Bootstrap або Foundation, але якщо ваш веб-сайт буде досить простим, Вам не знадобиться більшість будівельних блоків і матеріалів включений у стандартний пакет.
Доброю новиною є те, що є кілька альтернатив, які набагато компактніші, ніж Bootstrap або Foundation. Більшість цих рамок поставляються разом просто потрібна кількість стилів і компонентів щоб допомогти вам розпочати роботу, дозволяючи вам розширити їх у потрібному вам напрямку.
Тут 10 легких альтернатив Bootstrap і Foundation для яких ви повинні використовувати створення невеликих веб-сайтів.
Більше на Hongkiat.com:
- Початок роботи з Twitter Bootstrap
- Використання Bootstrap 3 з Sass
- Інструмент Bootstrap: Створення HTML-шаблонів Bootstrap
- Робота з плагіном Bootstrap: Модальне вікно
- Інструмент Bootstrap: побудуйте Megamenu з YAMM3
1. Скелет
Скелет нарешті отримав підтяжку обличчя. Це повна реконструкція з нуля, і все ж вона залишається такою ж легкою, як раніше. Нова сітчаста система Skeleton тепер використовує філософію для мобільних пристроїв, яка гарантує, що розкладка стане центральною, незалежно від того, наскільки малий екран пристрою..
Всі компоненти, які були включені в попередню версію - кнопки, форми та елементи введення - все ще присутні, але основні стилі типографіки тепер встановлені в rem
одиниці.
2. CardinalCSS
CardinalCSS - це фреймворк CSS, створений з орієнтацією на продуктивність, читаність і, що найважливіше, технічне обслуговування. CardinalCSS використовує деякі сучасні підходи, такі як мобільний перший для формування мережі; і CSS Box Model, що дозволяє легко визначати ширину і висоту елементів.
CardinalCSS також поставляється з декількома допоміжними класами, які дозволяють швидко застосовувати стилі на елементі, наприклад, drop-cap
який застосовує ефект відкидання для першого символу абзацу.
3. Лаконічна ССЗ
ConciseCSS - це фреймворк CSS - без наворотів. Це постний фреймворк, побудований на Sass, LESS і Stylus, який прокладає свій золотий шлях до CSS. Але, якщо ви віддаєте перевагу звичайному простому ванільному CSS, ви можете мати це також.
Аналогічно, ConciseCSS також постачається з базовими стилями для таких важливих елементів, як заголовки, абзаци, таблиці, форми та набір класів помічників для створення UI.
4. PowertoCSS
PowertoCSS - це легкий і міцний фронтенд. Імена класів, які використовуються для побудови сітки та застосування стилів, прості і легко запам'ятовуються, наприклад. .кнопки
. Можна також додати власну тему. Перейдіть до свого StarterKit, щоб почати.
5. Приховати
Furtive - це перший мобільний CSS-фреймворк, побудований навколо сучасних веб-стандартів, таких як використання Flexbox для сітки та rem
одиниця розміру елементів (включаючи розмір шрифту). Furtive зберігає невеликий відбиток CSS, не підтримуючи старі браузери (* кашель * Internet Explorer), оскільки вони вимагають деякого злому CSS. Тому Furtive є ідеальною основою, якщо ви розробляєте веб-сайт на майбутнє.
6. BassCSS
BassCSS пропонує легкий набір стилів базових елементів, утиліт, стилів макетів і кольорів у модульній формі для побудови адаптивного веб-додатка. Файли SCSS включені, щоб легко налаштувати стиль. Ви можете грати з типографікою, пробілами, точками зупинки та елементами інтерфейсу.
7. Мюллер
Мюллер - це модульна гнучка система, побудована на Sass і Compass. З Mueller ви можете створити сітку, додавши класи прямо до елементів HTML, або якщо ви віддаєте перевагу вашим елементам HTML бути акуратними та чистими, використовуючи grid ()
функції. Мережу Мюллера можна використовувати в парі з бібліотекою Javascript для масонства, щоб створити макет, схожий на Pinterest.
8. Туктук
Туктук - унікальна назва для рамки. У порівнянні з Bootstrap або Foundation, Tuktuk набагато легше, оскільки приходить лише з належною кількістю компонентів для створення презентабельного веб-сайту, включаючи сіткову систему, базовий стиль для типографіки, таблиці та кілька інтерфейсів користувача, як navbar і модальні.
9. База
База побудована на вершині LESS і Sass, і вона включає в себе тільки найважливіші компоненти для створення веб-сайтів: сітку і базовий стиль HTML-елементів. База не поставляється з компонентами Javascript, але вона забезпечує велику сумісність браузера так, що вона працює навіть з IE7.
10. Тост
Останній з нашого списку - Toast. Через таблицю стилів SCSS входить в пакет, Toast дозволяє легко налаштовувати імена класів сітки, жолоб і навіть колону-базу. Наприклад, якщо ви хочете, щоб сітка була 9-базовим стовпчиком замість 12, ви можете це зробити. Тост - це мінімальна структура CSS з дуже гнучкими конфігураціями, що задовольняють вашим вимогам.