Metrofun — шаблон для сайта в стиле «Metro»

Новый стиль дизайна разработанный умельцами компании Microsoft для использования в Windows 8, Windows Phone и других приложениях, получивший в свое время внутреннее кодовое название — «Metro», в последнее время все больше и больше становится популярным среди веб-дизайнеров и разработчиков.
Можно по разному относиться к новому стилю, но главное это стремление создать что-то новое, разворошив устоявшиеся принципы веб-дизайна, придав движухи новым очертаним и краскам элементов интерфейса сайтов.
В настоящее время, что касаемо шаблонов сайтов, нужно признать, существует не так много готовых решений. Нет, они конечно же есть и товарищи-буржуины продолжают плодотворно разрабатывать все новые и новые темы, и пакеты элементов интерфейса в стиле «Windows 8». Но надо признать, что за редким исключением, все они либо платные, либо не совсем отвечают требованиям. Попробуйте вбить в поиск: «шаблоны в стиле Metro» и вы увидите, что действительно качественных шаблонов, распространяемых бесплатно не так много.

Сегодня я хочу представить вам отличный, на мой взгляд, универсальный шаблон Html/CSS для сайтов, выполненный в стиле Metro. Как и все другие шаблоны, о которых я рассказываю в своих обзорах, шаблон сайта — «Metrofun», для моих читателей абсолютно бесплатный и доступен для скачивания без каких-либо условностей.

Шаблон сайта — Metrofun, упакован десятком готовых страниц:

• index — Главная страница,
• index-2 — Второй вариант главной страницы,
• home — Вариант главной страницы с встроенным слайдером,
• blog — Страница блога (стандартная  сайдбор справа),
• blog 2 — Страница блога (записи в 2 колонки и сайдбар),
• blog 3 — Страница блога (записи в 3 колонки без сайдбара),
• contact — Страница контактов с формой обратной связи,
• portfolio — Портфолио в форме галереи выделенных работ,
• singlepost — Страница отдельной записи,
• underconstruction — Страница реконструкции сайта(типа бонус такой).

Для полной функциональности шаблона подключены все необходимые инструменты:

• FlexSlider — плагин jqueri для создания слайдера,
• jQuery — последняя версия библиотеки javascript,
• jQuery Countdown — обратный отсчет времени на странице реконструкции ,
• FancyBox — галерея и модальное окно,
• Superfish Menu — выпадающего меню,
• Google Map 3  — карты google для страницы контактов.

Для заполнения картинками использовался сервис Lorem Pixel.

В оригинале шаблона используется шрифт  ‘Open Sans’ без поддержки кирилицы. Чтобы исправить такую несправедливость, подключил к страницам ‘Open Sans’ из библиотеки шрифтов Google. Так что при последующем переводе  шаблона, проблем с отображением русских букв не возникнет.

Metrofun — полностью адаптирован под все пользовательские устройства (настольный компьютер, планшет, iPad, iPhone и Android), а значит будет прекрасно отображается при смене размеров экрана.

Все элементы управления, кнопки и необходимые иконки, так же в комплекте шаблона. Смотрите живой пример работы этого замечательного шаблона html для сайта, изучите все его возможности и если возникнет непреодолимое желание получить его, то без особых раздумий забирайте))).

Друзья, мне хотелось бы узнать ваше мнение на счет использования в веб-дизайне элементов выполненных в стиле Metro, делитесь своими впечатлениями в комментариях. А в следующий раз, расскажу вам, как и с помощью каких приложений и онлайн-сервисов, можно быстро создать уникальные элементы интерфейса в стиле Windows 8.

Буду признателен всем, если поделитесь этой статьей в социальных сетях: