Создавайте красочные веб-сайты с плоской тематикой с помощью 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>