CSS Starter Kit за разработчици - Shoelace.css

Разработчиците на Frontend се нуждаят от всички най-добри ресурси, които могат да получат. Обикновено това означава работа върху рамка като Bootstrap, защото идва с всичко.

Въпреки това, има много алтернативи и Shoelace.css е един такъв пример, с който трябва да сте запознати.

Това безплатен комплект CSS всъщност не е пълна рамка. Вместо това е по-скоро като стартов комплект за разработчици които не искат да създават десетки персонализирани CSS стилове от нулата.

Винаги можете да използвате CSS нулиране, но това форматира всеки браузър еднакво. Нулирането е не е покритие за справяне с по-сложни задачи, и точно това е точката на Shoelace.

Той идва като пакет с CLI, работещ на Node които можете да инсталирате с всеки проект. Въпреки това, също има версия на CDN ако не искате да използвате npm.

За да направите всичко това, проверете ръководство за инсталиране в официалната документация. Въпреки че това е етикетирано като CSS библиотека, то идва с JavaScript компоненти, също. Макар че повечето от тях работят на jQuery, така че трябва да включите това като зависимост.

Ако копаете по-нататък в документите, ще намерите страница за персонализиране което ви показва как да редактирате променливи в CSS. Те ви позволяват да създавате персонализирани компоненти и да променяте стиловете по подразбиране Shoelace с лекота.

Всеки компонент има чувство за Bootstrap-y към дизайна, така Shoelace ще работи за почти всяко оформление.

Но също така има по-стръмна крива на обучение от Bootstrap, тъй като не е толкова популярен, нито пък има толкова подкрепа. Към момента на писане, Shoelace все още е в версия 1.0, така че има достатъчно време да се изравнят с по-големите фреймънд рамки..

Един бърз поглед към документите трябва да докаже, че това е така готов за производствена площадка. Наистина зависи от вас, ако Shoelace си струва да се научите и приложите.

Погледни GitHub repo, за да вземете копие и онлайн документи за повече информация за настройка. Ако имате някакви въпроси или предложения за Shoelace, можете също да пуснете линия на създателя на Twitter @claviska.