Kernel.css - Könnyű, Szemantikus és Unintrusive Frontend keretrendszer
A fejlesztők ismerik a fájdalmat újrakezdje a kódot a semmiből. Szerencsére a webes fejlesztő közösség sokat kínál a nyílt forráskódú és frontend keretrendszerek útján.
Népszerű keretek, mint például a Bootstrap jól működik de lehet úgy érzi, túl puffadt. Szerencsére vannak alternatívák és az egyik legújabb kedvencem Kernel.css.
A kernel magának hív unintrusive keret, ez azt jelenti olyan, mint egy vékony réteg az oldal tetején. Nem érzi magát nehézkesnek vagy nehezen testreszabhatónak és az osztályok teljes mértékben megfelel a modern HTML5 specifikációknak.
A frontend fejlesztői munkának kövesse a megfelelő szemantikát a hozzáférhetőség és a böngésző támogatásának legmagasabb szintje. Egy olyan keretrendszer használata, mint a Kernel, időt és frusztrációt takarít meg a közös problémák megoldására.
Íme néhány Kernel legjobban értékesített aspektusa:
- Rácsrendszere flexboxon fut.
- Teljesen érzékeny és mobilbaráttá.
- Egyéni átmenetek CSS és JavaScript segítségével
- Előre kialakított elemek kártyákhoz, táblázatokhoz és fejlécekhez.
- Egyszerű színséma az anyagtervezés után modellezett.
Előnézetben megtekintheti minden kernel elemet a fő demóoldalon, amely tartalmazza a minta forráskódjai, is.
Sok elemet észlel, mint például a gombok és a fejlécek különböző osztályneveket kínálnak. Ez azt jelenti, hogy képes könnyen módosíthatja a gomb színét csak az osztály megváltoztatásával.
Ez is jön az egyes műveletekhez tartozó gombok alapértelmezett értesítési osztályai, mint például .BTN-primer
kékért “tiszta” gomb vagy .BTN-figyelmeztetés
világosabb sárga csillogással.
A Kernel legjobb része az, hogy tudod könnyen testre szabhatja ezt a keretet az Ön igényeinek megfelelően. Szeretne hozzáadni a Font Awesome-t a gombokhoz? Nem probléma. Mi lenne a Google Webfonts hozzáadása a fejlécekhez? Éppen felülírja a stílusokat a CSS lapon és jó, hogy menjen.
Ha szeretné a könnyű kiindulási pont fantasztikus elrendezések felépítése, majd Kernel.css a feladat kerete.