Domača » Toolkit » Kernel.css - lahek, semantični in neintruzivni okvir za Frontend

    Kernel.css - lahek, semantični in neintruzivni okvir za Frontend

    Razvijalci poznajo bolečino ponovno ustvarite kodo. K sreči je skupnost za razvoj spletnih strani veliko na poti odprtokodnih in frontendnih okvirov.

    Priljubljeni okviri, kot je Bootstrap dobro delati lahko tudi občutek preveč napihnjenosti. K sreči obstajajo alternative in ena mojih najnovejših priljubljenih je Kernel.css.

    Kernel sam imenuje neintruzivni okvir, kar pomeni delujejo kot tanek sloj na vrhu strani. Ne zdi se mu nadležno ali težko prilagoditi in razredi so popolnoma v skladu z modernimi specifikacijami HTML5.

    Frontend razvijalec mora delati sledite pravilni semantiki za dostopnost in najvišjo raven podpore brskalniku. Uporaba okvira, kot je Kernel, prihrani veliko časa in frustracij pri reševanju skupnih težav.

    Tu je nekaj najbolj prodajanih vidikov jedra:

    • Njegov omrežni sistem teče na flexboxu.
    • Popolnoma odziven in mobilno prijazno.
    • Prehodi po meri prek CSS in JavaScript
    • Vnaprej oblikovani elementi za kartice, tabele in glave.
    • Enostavna barvna shema po vzoru oblikovanja materiala.

    Lahko si ogledate predogled vse elemente jedra na glavni demo strani, ki vključuje vzorčne izvorne kode, tudi.

    Opazili boste, da številni elementi, kot so gumbi in glave, ponujajo različna imena razredov. To pomeni, da lahko enostavno spremenite barvo gumba samo s spreminjanjem razreda.

    Prav tako prihaja Privzeti razredi obveščanja na gumbih za določene akcije, kot naprimer .btn-primary za modro “čist” ali gumb .btn-warning s svetlejšim rumenim pridihom.

    Najboljši del Kernela je, da lahko preprosto prilagodite ta okvir za vaše potrebe. Želite dodati gumbe Font Awesome? Ni problema. Kaj pa, če dodate Google Webfonts v glave? Samo prepišite sloge v listu CSS in dobro greš.

    Če želite lahka začetna točka za strukturiranje fantastičnih postavitev, potem je Kernel.css okvir za delo.