Сайты в стиле Metro UI

Question

[Astlee]

Существуют ли сайты, кроме сайта Microsoft, сделанные в стиле Metro UI? Хочется посмотреть как выглядит Metro в вебе. И есть ли инструменты в виде css-фреймворков и пр. позволяющие создавать сайты в стиле Metro?

Answer 1

[Петруша Укропов]

Недавно один человек, не зарегистрированный на хабре, хотел опубликовать свой набор CSS для создания Metro-подобного интерфейса, но пост не пропустили в песочницу.
Стили написаны в формате less (lesscss.org)

Вот сам сайт — metroui.org.ua/
Проект на гитхабе — github.com/olton/Metro-UI-CSS

зы: если кому не жалко инвайта для него, поделитесь)

Answer 2

[Илья Агафонов]

Есть неплохой шаблон http://thecustomizewindows.com/2011/06/metro-website-design-template-v4-like-windows-8-interface/

Comments

[dordzhiev]

Бррр ужасно

Answer 3

[Денис]

eight.kx.cz/usage.htm — css framework
forrst.com/posts/Windows_Phone_7_Metro_UI_in_HTML_CSS_and_JavaSc-5n3

В стиле metro:
www.msswit.in.ua/ukr/index.html
www.winrumors.com/
www.mykindofphone.com/
pricop.info/
wp7forum.ru/
www.windowsblogitalia.com/

Answer 4

[xnodev]

ozon.travel понравилось, может не совсем metro, но сделано очень грамотно

Answer 5

[Денис]

metro-webdesign.info/ — metro framework

Answer 6

[Денис]

Metro Studio 1 — бесплатное приложение для быстрого создания иконок.
В ней куча иконок, выбираем размер, цвет фона и иконки, сохраняем например в png и на сайт.
www.syncfusion.com/downloads/metrostudio

Answer 7

[Денис]

itc.ua/ — в целом есть metro-элементы

Answer 8

[freeznah]

это будут «планшетоориентированные» сайты или вы предлагаете массово податься на уловки МС и начать скроллить горизонтально?

Comments

[Astlee]

На самом деле, идею горизонтального скролла нельзя отнести исключительно к «уловкам» Microsoft. Идея витает в воздухе. Как пример — технология Opera Reader dev.opera.com/articles/view/opera-reader-a-new-way-to-read-the-web/

[freeznah]

было бы колесико на мышке горизонтальным-вопросов б не было
мнемоника-с

[dordzhiev]

www.microsoft.com/ru-ru/default.aspx
Прокручивается вертикально

Answer 9

[avgurus]

параллельный вопрос — а сайты где segoe UI используются есть?) я хочу у себя поставить, размеры больше 16 правда странновато выглядят.
и я что-то не понял или он бесплатный для веба?

Comments

[ngreduce]

Логически, в случае если вы указали только его имя в font-family, то лицензия на шрифт — вопрос операционной системы.
Размещать у себя на сервере не OFL шрифты я бы лично не рискнул.

[avgurus]

просто я видел здесь ссылку на сайты где можно лицензировать себе arial, в каком-то топике писали что сайты с использованием segoe есть) вот и решил что раз он не продается, значит бесплатен)

Answer 10

[beduin01]

К сожалению Metro для сайтов далеко не лучшее решение. Во многих случаях old-school сайт гораздо лучше чем все эти новомодности.

Вот к тут можно посмотреть что было с и что стало с компьюлентой www.versusit.ru/classical-interface-for-web-sites-vs-metro-ui-for-web-sites