Kernel.css - Kevyt, semanttinen ja unintrusive Frontend Framework
Kehittäjät tietävät tuskan luodaan koodi uudelleen tyhjästä. Onneksi web-kehitysyhteisö tarjoaa paljon avoimen lähdekoodin ja frontend-kehysten tapaan.
Suositut kehykset, kuten Bootstrap Työskentele hyvin mutta voi myös tuntuu liian paisunut. Onneksi on olemassa vaihtoehtoja ja yksi uusimmista suosikeistani on Kernel.css.
Kernel kutsuu itseään puuttumaton kehys, se tarkoittaa sitä toimivat kuin ohut kerros sivun yläreunassa. Se ei tunne kiusallista tai vaikeaa muokata ja luokat ovat täysin yhteensopiva nykyaikaisten HTML5-tietojen kanssa.
Frontend-kehittäjän työn pitäisi noudata asianmukaista semantiikkaa saatavuuden ja selaimen tuen korkeimman tason. Kernelin kaltaisen kehyksen käyttäminen säästää paljon aikaa ja turhautumista ratkaisemalla yhteisiä ongelmia.
Seuraavassa on joitakin ytimen myydyimpiä näkökohtia:
- Sen verkkojärjestelmä toimii flexboxissa.
- Täysin reagoiva ja mobiililaitteisiin sopiva.
- Mukautetut siirtymät kautta CSS & JavaScript
- Pre-tyyliset elementit kortit, taulukot ja otsikot.
- Yksinkertainen värimalli mallinnettu materiaalin suunnittelun jälkeen.
Voit esikatsella kaikki ytimen elementit tärkeimmällä demo-sivulla, joka sisältää näytteen lähdekoodit, liian.
Huomautat monia kohteita, kuten painikkeet ja otsikot tarjoavat eri luokkien nimet. Tämä tarkoittaa, että voit helposti muuttaa painikkeen väriä vain muuttamalla luokkaa.
Mukana on myös tiettyjen toimintojen painikkeiden oletusilmoitusluokat, kuten .btn-ensisijainen sininen “puhdas” -painiketta tai .btn-varoitus kirkkaampi keltainen hohto.
Kernelin paras osa on, että voit helposti muokata tätä kehystä tarpeisiisi. Haluatko lisätä Font Awesome -painikkeisiisi? Ei ongelmaa. Entä miten Google Webfonts lisätään otsikoihin? Vain korvaa tyylit CSS-arkissasi ja olet hyvä mennä.
Jos haluat a kevyt lähtökohta rakentaa upeita ulkoasuja sitten Kernel.css on työn kehys.
