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

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

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

Читайте также: Wing – минималистский CSS Framework Веб-дизайнеры хотят

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

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

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

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

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

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

Он также поставляется с классами уведомлений по умолчанию для кнопок для определенных действий, таких как .btn-primary для синей «чистой» кнопки или .btn-warning с более ярким желтым оттенком.

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

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

Читайте также: Vital CSS – минимально инвазивный веб-фреймворк