Hjemmeside » Toolkit » Kernel.css - Lett, Semantisk og Unintrusive Frontend Framework

    Kernel.css - Lett, Semantisk og Unintrusive Frontend Framework

    Utviklere vet smerten til gjenskaper kode fra grunnen av. Heldigvis tilbyr webutviklingssamfunnet mye i veien for open source og frontend-rammer.

    Populære rammer som Bootstrap jobb bra men kan også føler for oppblåst. Heldigvis finnes det alternativer, og en av mine nyeste favoritter er Kernel.css.

    Kjernen kaller seg en unintrusive rammeverk, noe som betyr at det vil operere som et tynt lag på toppen av siden din. Det føles ikke irriterende eller vanskelig å tilpasse seg og klassene er fullt kompatibel med moderne HTML5-spesifikasjoner.

    Frontend utvikler arbeid bør følg riktig semantikk for tilgjengelighet og det høyeste nivået av nettleserstøtte. Bruke et rammeverk som Kernel sparer masse tid og frustrasjon som løser vanlige problemer.

    Her er noen av de bestselgende aspektene av Kernel:

    • Rutenettet kjører på flexbox.
    • Helt lydhør og mobil-vennlig.
    • Tilpassede overganger gjennom CSS og JavaScript
    • Pre-styled elementer for kort, tabeller og overskrifter.
    • Enkel fargeskjema modellert etter materialdesign.

    Du kan forhåndsvise alle kjerneelementene på hoveddemosiden som inkluderer sample kildekoder, også.

    Du vil legge merke til at mange ting som knapper og overskrifter tilbyr forskjellige klassenavn. Dette betyr at du kan enkelt endre en knappes farge bare ved å endre klassen.

    Det kommer også med standard varslingsklasser på knapper for bestemte handlinger, som for eksempel .btn-primær for en blå “ren” knapp eller .btn-advarsel med en lysere gul flair.

    Den beste delen av kjernen er at du kan enkelt tilpasse dette rammeverket for å dekke dine behov. Vil du legge til Font Awesome til knappene dine? Ikke noe problem. Hva med å legge til Google webfonter i overskriftene dine? Bare overskrive stilene i CSS-arket ditt og du er god til å gå.

    Hvis du vil ha en lett startpunkt å strukturere fantastiske layouter er Kernel.css rammen for jobben.