Домашня » Інструментарій » Kernel.css - Легкий, семантичний і ненав'язливий фронт-фреймворк

    Kernel.css - Легкий, семантичний і ненав'язливий фронт-фреймворк

    Розробники знають біль відтворення коду з нуля. На щастя, співтовариство веб-розробників пропонує багато шляхів у відкритих і фронтедних рамках.

    Популярні рамки, такі як Bootstrap добре працювати але також може відчувати себе занадто роздутим. На щастя, є альтернативи і один з моїх нових фаворитів Kernel.css.

    Ядро називає себе ненав'язливі рамки, це означає діють як тонкий шар на верхній частині сторінки. Це не відчуває набридливих або важко підганяти та класи повністю відповідає сучасним специфікаціям HTML5.

    Необхідно розробити роботу розробника слідувати правильній семантиці для доступності та найвищого рівня підтримки браузера. Використання такого фреймворку, як Kernel, економить час і розчарування, вирішуючи спільні проблеми.

    Ось деякі з найбільш продаваних аспектів Kernel:

    • Її мережева система працює на flexbox.
    • Повністю чуйний і мобільний.
    • Користувацькі переходи через CSS і JavaScript
    • Елементи попереднього стилю для карт, таблиць і заголовків.
    • Проста кольорова схема за зразком матеріалу.

    Можна переглянути всі елементи ядра на головній демонстраційній сторінці, яка містить зразки вихідних кодів, теж.

    Ви помітите, що багато елементів, таких як кнопки та заголовки, пропонують різні назви класів. Це означає, що ви можете легко змінити колір кнопки просто змінюючи клас.

    Він також поставляється з Класи сповіщення за замовчуванням на кнопках для певних дій, як от .btn-primary для синього “чистий” або .btn-warning з яскравішим жовтим чуттям.

    Найкраща частина ядра - це те, що ви можете легко налаштувати цю структуру відповідно до ваших потреб. Хочете додати шрифт Awesome до ваших кнопок? Без проблем. Як щодо додавання Google Webfonts до ваших заголовків? Просто перезаписати стилі в аркуші CSS і ти добре йти.

    Якщо ви хочете легка відправна точка щоб створити фантастичні макети, Kernel.css є основою для роботи.