Cutestrap - це Ваша крихітна альтернатива Bootstrap

Не кожен проект потребує a великі рамки. Фонд і Bootstrap - це фантастичні широкофункціональні фронтедні фреймворди.

Іноді веб-проект просто потрібно щось просте. І це саме те, що Cutestrap доставляє.

Cutestrap описує себе як “щось між normalize.css і повномасштабною рамкою”. Це прекрасний опис, тому що це не стильова таблиця і це не надто багато прикрашений або.

Основна таблиця стилів нараховує близько 8 КБ, тобто більше десяти разів менше ніж стилізована таблиця стилів Bootstrap (в середньому 110 Кб-120 Кб).

Кожен сайт Cutestrap використовує a вертикальний ритм що добре поєднується з його попередньо визначена система сітки. Усі типографічні налаштування за замовчуванням мають свої власні значення висоти рядка які відповідають відповідно.

Вся специфіка є зведено до мінімуму так що ви можете легко перезаписати будь-які налаштування при необхідності.

Ви можете знайти безліч прикладів на домашній сторінці. Він перераховує демо-версії та вихідний код поряд з елементами форми, сітками, кнопками та іншими компонентами Cutestrap.

Не тільки Cutestrap є чудова альтернатива нормалізації але це також дуже легко редагувати. Різак може добре працювати як основу які ви можете змінити за своїм смаком.

Всі класи CSS дотримуватися методології БЕМ для іменування та ієрархій. Ця конвенція може бути розширено за допомогою власної таблиці стилів BEM, хоча ви, звичайно, не повинні дотримуватися тих самих умов іменування.

Сітки в основному покладаються на Flexbox і ви можете завантажити таблицю стилів Cutestrap як звичайний CSS або у форматі Sass.

Я не можу подумати про кращу альтернативу frontend, що є легко налаштувати і навіть легше налаштувати. Всі елементи HTML за замовчуванням мають визначені стилі так що ви можете буквально додати Cutestrap на ваш сайт і почати кодування. Дизайн не буде мати багато чуття, але він буде виглядають набагато краще за замовчуванням браузера.

Щоб дізнатися більше, перегляньте веб-сайт Cutestrap, де можна переглядати функції і завантажити копію таблиці стилів CSS.