—»     —»   Все, что нужно для создания веб-сайтов в стиле интерфейса Metro в Windows 8
  Раздел: Тематические обзоры   Нет комментариев  

Все, что нужно для создания веб-сайтов в стиле интерфейса Metro в Windows 8



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

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

Лично нам понравился интерфейс Metro, так как он совместим со многими аспектами современного веб-дизайна: не лишен простоты, предлагает нам сеточное отображение элементов (отлично подходит для адаптивных шаблонов), и он очень сплочен с любой точки зрения.

Все, что нужно для создания веб-сайтов в стиле интерфейса Metro в Windows 8

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

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

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

1. Metro UI CSS

Все, что нужно для создания веб-сайтов в стиле интерфейса Metro в Windows 8

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

Она была разработана на LESS, и оснащена сеточной системой, стилями типографики, таблицами, формами, кнопками и изображениями.

Здесь также имеются встроенные javascript-компоненты для популярных сеток, меню, боковых панелей, гармошек, строк прогресса и многого другого.

2. BootMetro

Все, что нужно для создания веб-сайтов в стиле интерфейса Metro в Windows 8

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

Это даже нечто большее, так как здесь есть пользовательские стили для сетки, панели приложения и некоторые другие компоненты.

3. metro-bootstrap

Все, что нужно для создания веб-сайтов в стиле интерфейса Metro в Windows 8

metro-bootstrap, как и BootMetro, также представляет собой шаблон для Twitter Bootstrap.

Здесь есть все преимущества Bootstrap, и также вкрапления стилей LESS.

4. Metro UI Template

Все, что нужно для создания веб-сайтов в стиле интерфейса Metro в Windows 8

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

Здесь имеются плавные переходы и множество ячеек (RSS, Twitter, погода и так далее).

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

5. Droptiles – веб-панель управления в стиле Metro

Все, что нужно для создания веб-сайтов в стиле интерфейса Metro в Windows 8

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

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

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

6. PHP-галерея изображений в стиле интерфейса Metro

Все, что нужно для создания веб-сайтов в стиле интерфейса Metro в Windows 8

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

Он полностью отвечает стандартам HTML5 и CSS3.

7. Motown

Библиотека для создания приложений в стиле Metro посредством Visual Studio, при помощи небольшого объема кода.

Она не привязана к каким-либо JS-средам разработки.

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

1. jq-metro

Все, что нужно для создания веб-сайтов в стиле интерфейса Metro в Windows 8

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

На данный момент здесь имеются элементы панорамного обзора, выбора списка, переключатель, кнопки и текстовые поля.

2. Metro JS

Все, что нужно для создания веб-сайтов в стиле интерфейса Metro в Windows 8

Этот jQuery-плагин способен создавать ячейки, панель приложения, и имеет поддержку шаблонов.

Ячейки и панель приложения позволяют вам максимально настроить все под себя.

3. jQuery Metro UI Plugin

Все, что нужно для создания веб-сайтов в стиле интерфейса Metro в Windows 8

Данный плагин позволяет нам создавать сеточные интерфейсы, и только на этом он и сосредоточен.

4. jQuery Mobile Metro Theme

Все, что нужно для создания веб-сайтов в стиле интерфейса Metro в Windows 8

jQuery Mobile Metro Theme предназначен для приложений, разработанных при помощи Cordova.

Он использует различные плагины для управления панелью приложения, строкой прогресса, кнопкой переключения и так далее.

5. Конструктор Metro UI-шаблонов для jQuery UI

Все, что нужно для создания веб-сайтов в стиле интерфейса Metro в Windows 8

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

6. TileJS (не jQuery) - ссылка сдохла ...

Все, что нужно для создания веб-сайтов в стиле интерфейса Metro в Windows 8

Отдельный JS-код для создания сеточного вида и применения эффекта onclick (на CSS3).

Бесплатные иконки Metro UI

1. Modern UI Icons

Все, что нужно для создания веб-сайтов в стиле интерфейса Metro в Windows 8

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

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

2. Metro UI Dock Icon Set

Все, что нужно для создания веб-сайтов в стиле интерфейса Metro в Windows 8

Бесплатный набор из более чем 670 иконок в стиле Windows 8.

Иконки предложены в следующих форматах: 512*512px .PNG, 256*256px .ICO и в .SVG (конвертировано другим дизайнером).

3. Metro Icons

Все, что нужно для создания веб-сайтов в стиле интерфейса Metro в Windows 8

Иконки были разработаны под вдохновением от Windows Phone 7, и отлично подходят для приложений в стиле Metro.
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Опубликовал Design FactoRy   Прочитано (раз): 29443   |   Нет комментариев
Автор перевода — CoolWebmasters.Com ©   |   Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц October по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Ноябрь 2017    »
ПнВтСрЧтПтСбВс
 12345
6789101112
13141516171819
20212223242526
27282930