Windows 8 уже был представлен, и всем привычный интерфейс ОС Windows был в значительной степени изменен, с появлением сеточного интерфейса Metro.
Это серьезный шаг для Microsoft, так как этот новый интерфейс будет использоваться на всех их ее платформах, включая настольные ПК, мобильные устройства, планшеты, а также веб-сайты.
Лично нам понравился интерфейс Metro, так как он совместим со многими аспектами современного веб-дизайна: не лишен простоты, предлагает нам сеточное отображение элементов (отлично подходит для адаптивных шаблонов), и он очень сплочен с любой точки зрения.
Хотя сеточные интерфейсы сейчас не в новинку, пользовательский интерфейс Metro точно вдохновит многих дизайнеров на новые идеи веб-сайтов
Если вам понравился интерфейс Metro, и вы планируете разработку нового веб-сайта, то мы хотели бы сегодня предложить вам все необходимые ресурсы для разработки шаблонов в стиле интерфейса Metro в Windows 8:
Платформы и шаблоны для веб-сайтов в стиле Metro
1. Metro UI CSS
Metro UI CSS представляет собой отличную полноценную среду разработки (платформу) для разработки веб-сайтов в стиле Metro.
Она была разработана на LESS, и оснащена сеточной системой, стилями типографики, таблицами, формами, кнопками и изображениями.
Здесь также имеются встроенные javascript-компоненты для популярных сеток, меню, боковых панелей, гармошек, строк прогресса и многого другого.
2. BootMetro
BootMetro представляет собой нечто вроде шаблона для Twitter Bootstrap, который предлагает нам все свойства Bootstrap, но с дизайном Metro.
Это даже нечто большее, так как здесь есть пользовательские стили для сетки, панели приложения и некоторые другие компоненты.
3. metro-bootstrap
metro-bootstrap, как и BootMetro, также представляет собой шаблон для Twitter Bootstrap.
Здесь есть все преимущества Bootstrap, и также вкрапления стилей LESS.
4. Metro UI Template
Это сайт-среда разработки и шаблонов для создания веб-сайтов в стиле Metro.
Здесь имеются плавные переходы и множество ячеек (RSS, Twitter, погода и так далее).
Шаблон дружит с мобильными устройствами, и также оснащен шаблоном jQuery UI.
5. Droptiles – веб-панель управления в стиле Metro
WEB 2.0 панель управления в стиле страницы запуска Windows 8 с открытым исходным кодом (как iGoogle).
Она отображает информацию в ячейках, где каждая ячейка представляет собой мини-приложение, которое извлекает данные из внешних источников.
Проект разработан при помощи ASP.NET, но может быть импортирован в любой другой язык без труда.
6. PHP-галерея изображений в стиле интерфейса Metro
PHP-скрипт галереи изображений, который способен автоматически генерировать миниатюры и отображать изображения в lightbox.
Он полностью отвечает стандартам HTML5 и CSS3.
7. Motown
Библиотека для создания приложений в стиле Metro посредством Visual Studio, при помощи небольшого объема кода.
Она не привязана к каким-либо JS-средам разработки.
jQuery-плагины для веб-сайтов в стиле интерфейса Metro
1. jq-metro
jq-metro – jQuery-плагин, предоставляемый с несколькими контроллерами для создания интерфейсов в стиле Metro.
На данный момент здесь имеются элементы панорамного обзора, выбора списка, переключатель, кнопки и текстовые поля.
2. Metro JS
Этот jQuery-плагин способен создавать ячейки, панель приложения, и имеет поддержку шаблонов.
Ячейки и панель приложения позволяют вам максимально настроить все под себя.
3. jQuery Metro UI Plugin
Данный плагин позволяет нам создавать сеточные интерфейсы, и только на этом он и сосредоточен.
4. jQuery Mobile Metro Theme
jQuery Mobile Metro Theme предназначен для приложений, разработанных при помощи Cordova.
Он использует различные плагины для управления панелью приложения, строкой прогресса, кнопкой переключения и так далее.
5. Конструктор Metro UI-шаблонов для jQuery UI
Конструктор шаблонов по типу ThemeRoller для jQuery UI, направлен на создание дизайнов в стиле интерфейса Metro.
6. TileJS (не jQuery) - ссылка сдохла ...
Отдельный JS-код для создания сеточного вида и применения эффекта onclick (на CSS3).
Бесплатные иконки Metro UI
1. Modern UI Icons
Набор высокоточных иконок, созданных вручную в стиле Metro UI.
Иконки предлагаются в формате .design, в размере 48*48px (для панели приложения) и в виде файлов XAML.
2. Metro UI Dock Icon Set
Бесплатный набор из более чем 670 иконок в стиле Windows 8.
Иконки предложены в следующих форматах: 512*512px .PNG, 256*256px .ICO и в .SVG (конвертировано другим дизайнером).
3. Metro Icons
Иконки были разработаны под вдохновением от Windows Phone 7, и отлично подходят для приложений в стиле Metro.
Раздел: Тематические обзоры Нет комментариев
Все, что нужно для создания веб-сайтов в стиле интерфейса Metro в Windows 8
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Подробности здесь
Опубликовал Design FactoRy Прочитано (раз): 36890 | Нет комментариев
Автор перевода — CoolWebmasters.Com © | Источник материала / оригинал статьи Распечатать
Автор перевода — CoolWebmasters.Com © | Источник материала / оригинал статьи Распечатать