Домашня » Інструментарій » CSS Starter Kit для розробників - Shoelace.css

    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.