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

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

    Разработчики знают боль воссоздание кода с нуля. К счастью, сообщество веб-разработчиков предлагает много возможностей в виде фреймворков с открытым исходным кодом.

    Популярные фреймворки, такие как Bootstrap хорошо работать но может также чувствовать себя слишком раздутым. К счастью, есть альтернативы, и один из моих новых фаворитов Kernel.css.

    Ядро называет себя ненавязчивая основа, то есть действовать как тонкий слой в верхней части вашей страницы. Это не надоедает или трудно настраивать, и классы полностью соответствует современным спецификациям HTML5.

    Фронтенд разработчик должен работать следовать правильной семантике для доступности и высочайшего уровня поддержки браузера. Использование инфраструктуры, такой как Kernel, экономит массу времени и разочаровывает решение общих проблем..

    Вот некоторые из самых продаваемых аспектов ядра:

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

    Вы можете просмотреть все элементы ядра на главной демо-странице, которая включает в себя примеры исходных кодов, тоже.

    Вы заметите, что многие элементы, такие как кнопки и заголовки, предлагают разные имена классов. Это означает, что вы можете легко изменить цвет кнопки просто изменив класс.

    Это также идет с классы уведомлений по умолчанию для кнопок для определенных действий, такие как .БТН-первичный для синего “чистый” кнопка или .БТН-предупреждение с более ярким желтым чутьем.

    Лучшая часть ядра - это то, что вы можете легко настроить эту структуру чтобы удовлетворить ваши потребности. Хотите добавить Font Awesome к своим кнопкам? Нет проблем. Как насчет добавления Google Webfonts в ваши заголовки? Просто переписать стили в вашем листе CSS и ты в порядке.

    Если вы хотите легкая отправная точка структурировать фантастические макеты, то Kernel.css является основой для работы.