- PVSM.RU - https://www.pvsm.ru -
Не так давно я писал [1] на хабре о Bootmetro — дизайне Twitter Bootstrap в стиле Windows 8. Эта разработка хороша идеей, но на практике все работает очень коряво. К счастью, есть качественно сделанный аналог от Ace Subido — CSS3 Microsoft Metro Buttons [2].
По сути это набор стилей для кнопок и форм, который можно использовать вместе с Twitter Bootstrap.
Использовать с Twitter Bootstrap очень просто:
<!DOCTYPE html>
<html>
<head>
<title>Hello World! - Home</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/m-styles.min.css" rel="stylesheet">
</head>
<body>
<h1>Hello world!</h1>
<script src="js/latestjquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/m-radio.min.js"></script>
</body>
</html>
PS Предвосхищая вопрос «А где это использовать, кроме как на сайтах любителей Windows?», вот пара подборок с концептами и уже работающими сайтами в Метро-стиле:
50+ Epic Metro Style Design [3]
Metro Style web design in Windows8 as New trends [4]
Автор: grokru
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/veb-dizajn/17257
Ссылки в тексте:
[1] писал: http://habrahabr.ru/post/153043/
[2] CSS3 Microsoft Metro Buttons: http://ace-subido.github.com/css3-microsoft-metro-buttons/index.html
[3] 50+ Epic Metro Style Design: http://www.andysowards.com/blog/2012/50-epic-metro-style-design/
[4] Metro Style web design in Windows8 as New trends: http://wdremix.net/2012/10/05/metro-style-in-windows8-trends/
Нажмите здесь для печати.