У вас тоже может быть мозаичный сайт

У вас тоже может быть мозаичный сайт
Новый пользовательский интерфейс Microsoft, когда-то известный под названием Metro, наделал много шума в мире технологий. Тем временем имя было убрано, что снова вызвало настоящий ажиотаж в мире технологий. Мы не знаем, почему это было сделано, и не знаем, будет ли следующая Windows успешной на рынке. Что мы знаем, так это то, что у Метро как стиля дизайна есть свои поклонники. Если вы один из них, у нас для вас отличные новости. Благодаря Metro UI CSS вы можете придать своему собственному веб-сайту такой же мозаичный вид, какой будет у интерфейса Windows следующего поколения. Вперед, продолжать!


CSS пользовательского интерфейса Metro

Metro UI CSS активно разрабатывается Сергеем Пименовым, который оказался достаточно щедрым, чтобы предоставить нам инструмент для бесплатного использования по лицензии MIT. Пименов не только скопировал типичный дизайн Metro, но и реализовал множество эффектов из оригинального продукта Microsoft, например, появление субтитров на картинках или кнопки переключения.

Metro UI CSS: многофункциональный фреймворк

Получите собственное представление о возможностях Metro UI CSS, посетив демонстрацию. Вы найдете несколько страниц с примерами того, как выглядят и взаимодействуют изображения, формы, кнопки и типичные плитки, призванные заменить прежние значки Windows.


Метро: плитка

Вы когда-нибудь видели Метро на планшете? На этих устройствах Microsoft реализовала вертикальную прокрутку в качестве стандартного направления прокрутки. Именно так Пименов реализовал это в Metro UI CSS. Используя сенсорное устройство, вы можете элегантно прокручивать свой сайт. Однако вас не заставляют это делать, так как прокрутка мышью также поддерживается.


Метро: Кнопки

Metro UI CSS: Да, сделано с помощью CSS и JavaScript

Metro UI CSS не является чистым CSS, а опирается на несколько библиотек JavaScript для расширенной функциональности. Основой является, как это часто бывает, jQuery с некоторыми дополняющими плагинами и новой суперзвездой Bootstrap. Пименов хочет, чтобы было упомянуто, что он также интегрировал некоторые из своих собственных функций JavaScript.


Метро: Изображения

Если вам нравится учиться в соответствии с рекомендациями подробной документации, Metro UI CSS не для вас. Потому что документации просто нет. Демо можно скачать, вот и все. Но он содержит все элементы, для которых доступен стиль Metro, и поэтому должен стать хорошей отправной точкой для первых шагов к созданию собственного мозаичного веб-сайта. Некоторые эффекты вызываются простым вызовом соответствующих классов. Вы можете легко узнать это, просмотрев исходный код. Metro UI CSS нужен современный браузер. Собственный Microsoft Internet Exploder поддерживается, начиная с версии 9.

(дпе)