CSS Starter Kit pentru dezvoltatori - Shoelace.css

Dezvoltatorii Frontend au nevoie de toate resursele cele mai bune pe care le pot obține. De obicei, asta înseamnă care lucrează pe un cadru cum ar fi Bootstrap, pentru că vine plin cu totul.

Cu toate acestea, există o mulțime de alternative și Shoelace.css este un exemplu pe care ar trebui să-l cunoașteți.

Acest gratuit CSS kit nu este într-adevăr un cadru complet. În schimb, este mai mult ca a kit-ul de pornire pentru dezvoltatori care nu doresc să construiască zeci de stiluri personalizate CSS de la zero.

Puteți utiliza întotdeauna o resetare CSS, dar aceasta formatează în mod egal fiecare browser. O resetare este nu o acoperire - toate pentru a gestiona sarcini mai complexe, și asta e exact punctul de la Shoelace.

E ca un a pachet cu CLI care rulează pe Nod pe care le puteți instala cu orice proiect. Deși, de asemenea are o versiune CDN dacă nu doriți să utilizați npm.

Pentru a face acest lucru toate configurate, a verifica afară ghid de instalare în documentația oficială. În ciuda faptului că aceasta este etichetă ca o bibliotecă CSS, ea vine cu componente JavaScript, de asemenea. Cu toate ca majoritatea celor care rulează pe jQuery, deci va trebui să includeți asta ca pe o dependență.

Dacă vă săturați mai departe în docs veți găsi pagina de personalizare care vă arată cum să editați variabile în CSS. Acestea vă permit să construiți componente personalizate și să modificați cu ușurință stilurile de Shoelace implicite.

Fiecare componentă are un design Bootstrap-y, așa că Shoelace va lucra pentru aproape orice aspect.

Cu toate acestea, de asemenea are o curbă mai înaltă de învățare decât Bootstrap, deoarece nu este la fel de populară și nici nu are prea mult sprijin. De la această scriere, Shoelace este încă în v1.0 beta, deci are destul timp pentru a prinde cadrele frontend mai mari.

O privire rapidă asupra documentelor ar trebui să dovedească acest lucru gata pentru un site de producție. Depinde de dumneavoastră dacă Shoelace merită să fie învățat și implementat.

Luați o privire la GitHub repo pentru a lua o copie si documente online pentru mai multe informații de configurare. Dacă aveți întrebări sau sugestii pentru Shoelace, puteți să renunțați la o linie la creatorul de pe Twitter @claviska.