Pagina principala » Setul de instrumente » Kernel.css - Cadru frontal ușor, semantic și neinstrucționat

    Kernel.css - Cadru frontal ușor, semantic și neinstrucționat

    Dezvoltatorii cunosc durerea recreând codul de la zero. Din fericire, comunitatea de dezvoltare web oferă mult în calea cadrelor open source și frontend.

    Cadre populare, cum ar fi Bootstrap bine lucrat dar poate, de asemenea simți prea umflat. Din fericire, există alternative și unul dintre cele mai noi favorite este Kernel.css.

    Kernelul se numește unul cadru intrinsec, adică să o facă funcționează ca un strat subțire în partea de sus a paginii. Nu se simte ciudat sau dificil de personalizat și sunt clasele pe deplin compatibile cu specificațiile HTML5 moderne.

    Proiectul dezvoltatorului Frontend ar trebui urmați semantica corespunzătoare pentru accesibilitate și cel mai înalt nivel de suport pentru browser. Folosind un cadru cum ar fi kernel-ul salvează o mulțime de timp și frustrarea rezolvând probleme comune.

    Iată câteva dintre cele mai bine vândute aspecte ale kernel-ului:

    • Sistemul său de rețea rulează pe flexbox.
    • Complet receptiv și dispozitive mobile.
    • Tranziții personalizate prin CSS și JavaScript
    • Elemente precompuse pentru carduri, mese și anteturi.
    • Schema de culori simplă după modelul materialului.

    Puteți previzualiza toate elementele kernelului pe principala pagină demo care include codurile sursă de probă, de asemenea.

    Veți observa că multe elemente, cum ar fi butoanele și anteturile, oferă nume de clasă diferite. Asta înseamnă că poți schimba ușor culoarea unui buton doar prin modificarea clasei.

    De asemenea, vine cu clase de notificare prestabilite pe butoane pentru anumite acțiuni, precum .BTN-primar pentru un albastru “curat” butonul sau .BTN-avertizare cu un fler galben mai strălucitor.

    Cea mai bună parte a kernelului este că poți ușor de personalizat acest cadru pentru a vă satisface nevoile. Doriți să adăugați Font Awesome la butoanele dvs.? Nici o problema. Cum să adăugați Google Webfonts la anteturile dvs.? Doar suprascrie stilurile din foaia dvs. CSS și ești bine să pleci.

    Dacă vrei a punct de pornire ușor pentru a structura machete fantastice, atunci Kernel.css este cadrul pentru job.