CSS Starter Kit для розробників - Shoelace.css

Розробникам Frontend потрібні всі найкращі ресурси, які вони можуть отримати. Зазвичай це означає працює над рамками наприклад Bootstrap, оскільки він поставляється упакований в основному все.

Однак існує багато альтернатив і Shoelace.css це один з таких прикладів, яким ви повинні бути знайомі.

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

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

Він приходить як пакет з CLI, запущеним на вузлі які можна встановити з будь-яким проектом. Хоча, це теж має версію CDN якщо ви не хочете використовувати npm.

Щоб отримати все це налаштувати, перевірте посібник із встановлення в офіційній документації. Незважаючи на те, що це позначено як бібліотека CSS, вона поставляється з компонентами JavaScript, теж. Хоча більшість тих, хто працює на jQuery, тому вам слід включити це як залежність.

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

Кожен компонент має відчуття Bootstrap-y до дизайну, так Shoelace буде працювати для майже будь-якого макета.

Втім, це теж має більш круту криву навчання, ніж Bootstrap, оскільки це не так популярно, і не має такої підтримки. На момент написання статті, Shoelace все ще перебуває у версії 1.0 бета, так що є достатньо часу, щоб наздогнати більші рамки фронтендів.

Швидкий погляд на документи повинен довести це готовий до виробництва. Це дійсно залежить від вас, якщо б Shoelace було б варто вивчити і реалізувати.

Подивіться на GitHub repo для захоплення копії і Інтернет-документи для отримання додаткової інформації про налаштування. Якщо у вас є які-небудь питання або пропозиції для Shoelace, ви також можете передати рядок творцю в Twitter @claviska.