Создавайте красочные веб-сайты с плоской тематикой с помощью CSS Mint UI Kit
Комплекты пользовательского интерфейса с открытым исходным кодом — все в моде в сообществе разработчиков. Они экономят время на всех аспектах разметки сеток, стилизации элементов страницы и добавления динамических компонентов, таких как раскрывающиеся списки.
Есть много комплектов, использующих плоский дизайн, но немногие подходят близко к CSS Mint, Этот 100% бесплатный интерфейс с открытым исходным кодом прекрасно работает для всех проектов и веб-сайтов любого типа, которые вы можете себе представить.
В самом сердце CSS Mint есть библиотека Normalize наряду с другими пользовательскими перезагрузками. Это предназначено для устранения всех кросс-браузерных проблем и ошибок, чтобы обеспечить постоянство кодовой базы по всем направлениям.
Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)
Читайте также: полное руководство по дизайну плоских сайтов
Весь код CSS соответствует принципам OOCSS, поэтому вам будет легко добавить (или настроить) существующую кодовую базу.
Чтобы начать, просто добавьте таблицу стилей CSS Mint в свой проект. Это может быть установлено через Bower, или через CDN ссылкаили даже размещены локально, если вы загружаете копию с GitHub,
При создании новой веб-страницы вы будете следовать стандартному HTML5-коду. Грид-системы основаны на контейнере
<
div> элементы. Большинство элементов по умолчанию, таких как
<
header> полностью стилизованы, с дополнительными классами для разных макетов.
Из коробки вы найдете классы для кнопок, типографики, навигационных меню, форм ввода и элементов богатых страниц, таких как карточки. Вы можете увидеть множество примеров на демонстрационная страница который включает в себя также фрагменты кода.
Фреймворк постоянно обновляется с новыми стилями и дополнительными функциями, поэтому Mint, вероятно, будет долгое время.
Он не предлагает такого большого контроля, как фреймворки Sass и Less, но красота Mint заключается в его простоте. Просто добавьте таблицу стилей на свою страницу, и все готово!
Чтобы узнать больше, посетите GitHub репо для загрузки ссылок и инструкции по установке. И вы можете поделиться своими мыслями с создателем Аруном Майклом Дсоузой в своем Twitter @ amdsouza92,
Читайте также: 50 бесплатных наборов веб-интерфейса и мобильного интерфейса (2017)
<script async src="https://triu.ru/wp-content/litespeed/localres/aHR0cHM6Ly9wbGF0Zm9ybS50d2l0dGVyLmNvbS93aWRnZXRzLmpz" charset="utf-8"></script>
Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)