Платформа Windows и .NET, безусловно, всегда занимала большое место в сердце многих разработчиков, включая меня. Хотя недавно Microsoft официально представила свою Fluent Design System на конференции разработчиков Build, стиль метро или квартира все еще присутствуют в Windows Vista до Windows 10, поэтому, если вы планируете создать веб-приложение или нативное приложение, которое использует CSS и HTML для пользовательский интерфейс, вы можете следовать рекомендациям метро, используя для этого CSS-фреймворк с открытым исходным кодом.
В этом топе мы хотим поделиться с вами наиболее известными и полезными CSS-фреймворками, которые помогут вам создать веб-приложение в стиле Windows. Наслаждайтесь нашим топом!
5. Метро Boostrap
MetroBootstrap — это простая тема начальной загрузки в стиле Metro.
4. Bootswatch Cosmo Theme
Bootswatch — это коллекция тем с открытым исходным кодом для Bootstrap. В этом случае для интерфейса в стиле Metro UI вы можете использовать тему Cosmo, чисто оду метро. Тема состоит из двух файлов LESS. variables.less
, который включен по умолчанию в Bootstrap, позволяет настроить эти настройки. bootswatch.less
вводит более обширные структурные изменения. Эти файлы также доступны в SASS.
3. Winstrap
Winstrap стремится стать лучшей темой Bootstrap для языка дизайна Microsoft. Это доступно с файлами SASS и его легким весом.
2. BootMetro
BootMetro предоставляет простой и гибкий HTML, CSS и Javascript для веб-приложений, которые хотят использовать стиль «Windows 8 MetroUI» без необходимости запуска в Windows 8. Он построен на основе Twitter Bootstrap и HTML5 Boilerplate. Возможно, не идеально подходит для интернет-сайтов, стиль MetroUI может быть адаптирован для современных интранет-сайтов.
1. Metro UI
Metro UI — это самая потрясающая интерфейсная среда для разработки веб-проектов с использованием стиля Windows Metro. Metro UI CSS был разработан по рекомендации Microsoft для создания пользовательского интерфейса и включает в себя: общие стили, сетку, макеты, типографику, более 20 компонентов, более 300 встроенных иконок. Metro UI CSS построен с LESS и является открытым исходным кодом с моделью лицензирования MIT.
Если вы знаете еще одну замечательную CSS-среду с открытым исходным кодом, которая соответствует дизайну метро, пожалуйста, поделитесь ею с сообществом в поле для комментариев.