Все, що потрібно для створення веб-сайтів в стилі інтерфейсу metro в windows 8

Windows 8 вже був представлений, і всім звичний інтерфейс ОС Windows був в значній мірі змінений, з появою сіткового інтерфейсу Metro.

Це серйозний крок для Microsoft, так як цей новий інтерфейс буде використовуватися на всіх їх її платформах, включаючи настільні ПК, мобільні пристрої, планшети, а також веб-сайти.

Особисто нам сподобався інтерфейс Metro, так як він сумісний з багатьма аспектами сучасного веб-дизайну: не позбавлений простоти, пропонує нам сіткове відображення елементів (відмінно підходить для адаптивних шаблонів), і він дуже згуртований з будь-якої точки зору.

Хоча сіткові інтерфейси зараз не в новинку, призначений для користувача інтерфейс Metro точно надихне багатьох дизайнерів на нові ідеї веб-сайтів

Якщо вам сподобався інтерфейс Metro, і ви плануєте розробку нового веб-сайту, то ми хотіли б сьогодні запропонувати вам всі необхідні ресурси для розробки шаблонів в стилі інтерфейсу Metro в Windows 8:

Платформи і шаблони для веб-сайтів в стилі Metro

Metro UI CSS являє собою відмінну повноцінне середовище розробки (платформу) для розробки веб-сайтів в стилі Metro.

Вона була розроблена на LESS, і оснащена гратчастої системою, стилями типографіки, таблицями, формами, кнопками і зображеннями.

Тут також є вбудовані j # 097; vascript-компоненти для популярних сіток, меню, бічних панелей, гармошок, рядків прогресу і багато чого іншого.

BootMetro є чимось на зразок шаблону для Twitter Bootstrap, який пропонує нам все властивості Bootstrap, але з дизайном Metro.

Це навіть щось більше, так як тут є призначені для користувача стилі для сітки, панелі програми і деякі інші компоненти.

metro-bootstrap, як і BootMetro, також є шаблон для Twitter Bootstrap.

Тут є всі переваги Bootstrap, і також вкраплення стилів LESS.

Це сайт-середовище розробки і шаблонів для створення веб-сайтів в стилі Metro.

Тут є плавні переходи і безліч осередків (RSS, Twitter, погода і так далі).

Шаблон дружить з мобільними пристроями, і також оснащений шаблоном jQuery UI.

WEB 2.0 панель управління в стилі сторінки запуску Windows 8 з відкритим вихідним кодом (як iGoogle).

Вона відображає інформацію в осередках, де кожна клітинка є міні-додаток, яке отримує дані із зовнішніх джерел.

Проект розроблений за допомогою ASP.NET, але може бути імпортований в будь-який інший мову без праці.

PHP-скрипт галереї зображень, який здатний автоматично генерувати мініатюри і відображати зображення в lightbox.

Він повністю відповідає стандартам HTML5 та CSS3.

Бібліотека для створення додатків в стилі Metro за допомогою Visual Studio, за допомогою невеликого обсягу коду.

Вона не прив'язана до будь-яких JS-середах розробки.

jQuery-плагіни для веб-сайтів в стилі інтерфейсу Metro

jq-metro - jQuery-плагін, що надається з кількома контролерами для створення інтерфейсів в стилі Metro.

На даний момент тут є елементи панорамного огляду, вибору списку, перемикач, кнопки і текстові поля.

Цей jQuery-плагін здатний створювати осередки, панель додатки, і має підтримку шаблонів.

Осередки і панель програми дозволяють вам максимально налаштувати все під себе.

Даний плагін дозволяє нам створювати сіткові інтерфейси, і тільки на цьому він і зосереджений.

jQuery Mobile Metro Theme призначений для додатків, розроблених за допомогою Cordova.

Він використовує різні плагіни для управління панеллю додатки, рядком прогресу, кнопкою перемикання і так далі.

Конструктор шаблонів за типом ThemeRoller для jQuery UI, спрямований на створення дизайнів в стилі інтерфейсу Metro.

Окремий JS-код для створення сіткового виду і застосування ефекту # 111; nclick (на CSS3).

Безкоштовні іконки Metro UI

Набір високоточних іконок, створених вручну в стилі Metro UI.

Іконки пропонуються в форматі .design, в розмірі 48 * 48px (для панелі програми) і у вигляді файлів XAML.

Безкоштовний набір з більш ніж 670 іконок в стилі Windows 8.

Іконки запропоновані в наступних форматах: 512 * 512px .PNG, 256 * 256px .ICO і в .SVG (конвертовано іншим дизайнером).

Іконки були розроблені під натхненням від Windows Phone 7, і відмінно підходять для додатків в стилі Metro.