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