Koduleht » Toolkit » Kernel.css - kerge, semantiline ja mittepurustav esipaneel

    Kernel.css - kerge, semantiline ja mittepurustav esipaneel

    Arendajad teavad selle valu koodi uuesti loomine. Õnneks pakub veebiarenduse kogukond palju avatud lähtekoodiga ja esipaneeli raamistikke.

    Populaarsed raamistikud, näiteks Bootstrap tööta hästi kuid võib ka tunne liiga paisunud. Õnneks on olemas alternatiive ja üks minu uusimaid lemmikuid on Kernel.css.

    Kernel nimetab ennast ebasoodne raamistik, see tähendab seda töötama nagu õhuke kiht lehekülje peal. See ei tunne tülikas või raske kohandada ja klassid on täielikult kooskõlas kaasaegsete HTML5-spetsifikatsioonidega.

    Frontend-arendaja töö peaks olema järgige õiget semantikat kättesaadavuse ja brauseri tuge kõrgeima taseme jaoks. Sellise raamistiku kasutamine nagu Kernel säästab palju aega ja pettumust, et lahendada ühiseid probleeme.

    Siin on mõned Kerneli enim müüdud aspektid:

    • Selle võrgusüsteem töötab flexboxis.
    • Täielikult reageeriv ja mobiilne-sõbralik.
    • Kohandatud üleminekud läbi CSS & JavaScript
    • Pre-stiilis elemendid kaartide, tabelite ja päiste jaoks.
    • Lihtne värviskeem modelleeritud pärast materjali disaini.

    Saate eelvaadet vaadata kõik Kerneli elemendid peamisel demo lehel, mis sisaldab proovi lähtekoodid, ka.

    Märkate paljusid objekte, nagu nupud ja päised pakuvad erinevaid klassi nimesid. See tähendab, et saate lihtsalt muuta nupu värvi lihtsalt klassi muutmisega.

    Kaasas see teatud toimingute puhul nuppude vaikimisi teavitamise klassid, nagu näiteks .btn-primaarne sinise jaoks “puhas” nupp või .btn-hoiatus heledam kollane elegantsi.

    Kerneli parim osa on see, mida saate seda raamistikku lihtsalt kohandada vastavalt teie vajadustele. Kas soovite lisada oma nuppudele Font Awesome? Pole probleemi. Kuidas lisada Google'i veebifailid oma päistele? Lihtsalt kirjutage CSS-lehel olevad stiilid üle ja sa oled hea minna.

    Kui soovite a kerge lähtepunkt fantastiliste paigutuste ülesehitamiseks on Kernel.css selle töö raamistik.