Современный стиль пользовательского интерфейса (Metro) в HTML 5?

Я хотел бы знать, возможно ли воссоздать систему листов современного пользовательского интерфейса из Windows 8 на HTML-странице.

Я уже создал это с этого сайта. Вот код

<div class="tile pos1-1 w1h1 techolive"></div>
<div class="tile pos1-2 w1h1 techblue"></div>
<div class="tile pos2-2 w1h1 techred"></div>
<div class="tilebanner" style="font-size: 20px !important;">
    <a class="tile pos2-3 w2h1 techdarkblue" href="...">
                    List of<br/>
                    Sessions
    </a>
</div>

Теперь я хотел бы добавить тот же эффект движения слайдов современного пользовательского интерфейса. Я гость, мне нужен javaScript, чтобы создать это. Возможно, эта функция или аналогичная функция включена в HTML 5 или CSS. Вы знаете, где я могу найти образец?

Источник

2 ответа

Решение

Существует плагин для jQuery, который называется Metro JS. Может быть, вы можете использовать это для создания плиток с помощью jquery и javascript.

Источник

Любой, кто смотрит на это сейчас, должен проверить MetroUI - он следует методологии, очень похожей на Twitter Bootstrap, очень прост в использовании и дает действительно хорошие результаты.

Это также:

Разработано по рекомендации Microsoft для создания пользовательского интерфейса

Таким образом, вы получаете что-то действительно верное для Windows 8

Источник
Другие вопросы по тегам