Kernel.css - Лека, семантична и ненатрапчива рамка на интерфейса
Разработчиците знаят за болката пресъздаване на код от нулата. За щастие, общността на уеб разработчиците предлага много от начина, по който се създават отворени източници и фронтенд рамки.
Популярни рамки като Bootstrap работи добре но също така чувствам се прекалено раздут. За щастие, има алтернативи и един от най-новите ми любими е Kernel.css.
Ядрото се нарича a неутрална рамка, което означава, че ще работят като тънък слой отгоре на страницата си. Не се чувства притеснително или трудно да се персонализира и класовете са напълно съвместим със съвременните HTML5 спецификации.
Предната работа на разработчика трябва следвайте правилната семантика за достъпност и най-високото ниво на поддръжка на браузъра. Използването на рамка като ядрото спестява много време и разочарование, като решава общи проблеми.
Ето някои от най-продаваните аспекти на ядрото:
- Нейната мрежова система работи на flexbox.
- Напълно отзивчив и удобна за мобилни устройства.
- Персонализирани преходи чрез CSS и JavaScript
- Предварително оформени елементи за карти, таблици и заглавки.
- Опростена цветова схема моделирано след дизайн на материала.
Можете да прегледате всички елементи на ядрото на главната демо страница, която включва примерни изходни кодове, също.
Ще забележите, че много елементи като бутони и заглавки предлагат различни имена на класове. Това означава, че можете лесно сменя цвета на бутона само чрез промяна на класа.
Той също идва с класове за известяване по подразбиране на бутони за определени действия, като .BTN първична за синьо “чист” бутон или .BTN предупреждение с по-ярко жълто усещане.
Най-добрата част от ядрото е, че можете лесно да персонализирате тази рамка да отговарят на вашите нужди. Искате ли да добавите Font Awesome към бутоните си? Няма проблем. Какво ще кажете за добавяне на Google Webfonts към заглавките си? Просто презапишете стиловете в CSS листа и ти си добър.
Ако искате лека начална точка за да се структурират фантастични оформления, то Kernel.css е рамката за работата.
