Домашняя » Инструментарий » Создавайте красочные веб-сайты с плоской тематикой с помощью CSS Mint UI Kit

    Создавайте красочные веб-сайты с плоской тематикой с помощью CSS Mint UI Kit

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

    Есть много комплектов, использующих плоский дизайн, но немногие подходят близко к CSS Mint. Этот 100% бесплатный интерфейс с открытым исходным кодом отлично подходит для всех проектов и веб-сайтов любого типа, которые вы можете себе представить..

    В самом ядре CSS Mint, есть Нормализовать библиотеку наряду с другими пользовательскими перезагрузками. Это предназначено для раздавить все кросс-браузерные проблемы и ошибки чтобы обеспечить постоянство кодовой базы по всем направлениям.

    Весь код CSS следует Принципы OOCSS, так что вы должны легко добавить (или настроить) существующую кодовую базу.

    Чтобы начать, вы просто добавить таблицу стилей CSS Mint к вашему проекту. Это может быть установлено через Bower, или через ссылку CDN, или даже размещено локально, если вы загружаете копию с GitHub.

    При создании новой веб-страницы вы будете следовать стандартному HTML5-коду. Грид-системы основаны на контейнере

    элементы. Большинство элементов по умолчанию, таких как
    являются полностью стилизованный, с дополнительные классы для разных макетов.

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

    Рамки постоянно обновляется с новыми стилями и дополнительными функциями, так что Mint, вероятно, будет долгое время.

    Он не предлагает такого большого контроля, как фреймворки Sass и Less, но красота Mint заключается в его простоте. Просто добавьте таблицу стилей на свою страницу, и все готово!

    Чтобы узнать больше, посетите GitHub репо для загрузки ссылок и инструкции по установке. И вы можете поделиться своими мыслями с создателем Аруном Майклом Дсуза в его Twitter @ amdsouza92.