Twitter Bootstrap в стиле Windows 8



    Дизайн Windows 8 становится все популярнее в веб-дизайне, и вот всеми любимый фреймворк Twitter Bootstrap обзавелся Metro-дизайном — Bootmetro.

    Используется Metro UI CSS, воспроизведены основные элементы дизайна Windows 8, а также есть много полезного для веб-разработчика.

    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More
    Ads

    Comments 42

      +13
      Идея прекрасна, но складывается ощущение, что автор торопился, местами не хватает аккуратности и внимания к деталям:
      Пример



        0
        Идея здоровская. Мне понравилось. Использовать не буду, но если поправите мелкие баги — то вполне возможно.
          0
          Открыл в wp7 — все криво и косо сжалось. Нууууууу, хотя бы на мс дефайсах пусть проверяют!
          +12
          Я бы сказал, не то, что торопился, а ппц полный, как китайская подделка на Windows. Не нужно такое выкладывать, пока не вылизано абсолютно все.

          Белые иконки с серыми пикселями на Application Bar aozora.github.com/bootmetro/content/img/appbar.png
          Есть намек на адаптивность, но где сама адаптивность?
          Половина demos ведет на 404
            0
            Ops. Парсер съел мои <ul> и <li>
              +1
              А всё оттого, что обладателям отрицательной кармы запрещено употребление языка HTML на Хабрахабре.
          +6
          сыровато пока
            +1
            Но зачем?
              +6
              Обеспечить единый, «нативный» интерфейс сайту?
                0
                Ну если только сайт тематический :) Иначе что будет «нативно» для одних, получится наоборот для других
              +5
              мне нравится стиль win8, а вот это не нравится… не знаю почему
                +8
                Потому что сделано ужасно. Главное в метро — типография. С ней как вижу большие проблемы, не говоря уже о множестве мелочей, которые впиваются в глаза.
                • UFO just landed and posted this here
                0
                Да, кое-где видны промашки. Вряд ли можно серьезно использовать, учитывая количество визуальных багов. В некоторых местах различие с твитер-бустрапом минимально.
                • UFO just landed and posted this here
                    0
                    Я не автор этого дополнения для twitter bootstrap
                    • UFO just landed and posted this here
                    +1
                    Выглядит сыровато и как-то не совсем Metro )
                      +3
                      Только у меня от белых букв на ярко-красном фоне глаза болят?
                        +7
                        Дизайн Windows 8 становится все популярнее в веб-дизайне

                        эм… мне кажется или я один не видел ни одного сайта в этом стиле?
                          0
                          В рунете таких сайтов действительно нет. Но в англоязычном интернете их все больше, часто используются только элементы metro-дизайна.
                            +4
                            По ссылке только сайты Microsoft и фансаты WP7, не удивительно что они в метро-стайле…
                            0
                            Например:
                            torrentstream.org

                            Начинает пользоваться популярностью в связи с проблемами sopcast'а
                              +1
                              Пам-парам-пау, и у torrentstream.org теперь 502 Bad Gateway, и «Дизайн Windows 8 становится все менее популярным в веб-дизайне». А «дизайн в дизайне» не говорят, кстати.
                                0
                                А дальше первой страницы почему не пошли? Трудности внедрения Metro UI в что-то более объемное, чем сплэш-страница?
                                  0
                                  не имею ни малейшего представления :) просто только вчера его видел, потому и вспомнился сразу
                                +1
                                outlook.com, skydrive.com — похоже, что скоро все сервисы майкрософт получат новый дизайн.
                                  +2
                                  Мне очень нравится новый дизайн codeplex.com, старый был просто ужасным!
                                  0
                                  Если весь веб заполонят «модные» метро-сайты, это будет ужасно. Концепт интересный, если не перебарщивать.
                                    0
                                    Просто большинство думают, что метро — это только плиточки. И поэтому получается такое merde.
                                    В качестве примера можно рассмотреть codeplex — выглядит замечательно без всех этих плиток. Впрочем как и множество других сайтов МS.
                                  +2
                                  На самом деле, новая версия metro ui css выглядит гораздо удачнее modernui.org.ua/
                                  Она уже похожа на то, что я бы действительно хотел использовать на сайте
                                    0
                                    Да, но на одном закрытом форуме автор писал, что новая версия пока что не готова.
                                    С другой стороны, этот проект уже получил поддержку MS (Microsoft BizSpark Startup) и JetBrains. При этом, автор (Olton) ищет людей, готовых присоединиться к проекту.
                                    Кстати говоря, он пытался написать на Хабр, в песочницу, но статья, видимо, никому не приглянулась.
                                      +1
                                      //offtop
                                      тоже с нолика?
                                    0
                                    Да что же такое! Стоит сделать верстку под метро самостоятельно, так сразу выходит фреймворк.
                                    Начать лениться, что ли…
                                      +6
                                      Автор CSS'ки нарушил первые две заповеди Modern UI — упор на контент и верстка по сетке. Сетка здесь ни о чем(кнопка назад, непропорциональная кнопка и выпадающий из нее dropdown), упора на контент не видно, местами слишком контрастные бордюры
                                        +5
                                        Зачем это все, когда есть talkslab.github.com/metro-bootstrap/index.html?
                                        Доступно через Nuget в Visual Studio
                                          +1
                                          Спасибо. Этот выглядит гораздо веселее.
                                            0
                                            Что-то хорошо в одном, что-то в другом. Например, в metro-bootstrap alert'ы и progress по стилю больше напоминают bootstrap, чем metro. Те же тайлы в нём, наоборот, заметно приятнее.
                                            –6
                                            Я ненавижу Metro style.
                                            Люди, объясните мне, что вы находите в этих безликих угловатых иконках??
                                              0
                                              Metro-style это не только угловатые иконки.
                                              Посмотри качественные приложения для Windows 8 в Windows Store. После просмотра, у меня сомнения по поводу целесообразности внедрения Modern UI сразу пропали
                                              +3
                                              А я помню ajax как начинался — крайне модное течение, все кому не лень пытались засунуть его в свои сайты или даже целиком делать сайты с применением технологии, естественно в большинстве случаев получалось криво и косо, половина функционала не работала, остальная половина работала кое как вызывая недоумения и когнитивный диссонанс у привыкшего к стандартному интерфейсу пользователя.

                                              Так вот с Metro UI очень похожая ситуация — все делают по одним и тем же шаблонам одинаковые вещи, но не понимая ни сути, ни философии, ни смысла. Сетка, контент, юзабилити, тач-интерфейс, мышиный интерфейс — не, не слышали.

                                              В дополнение попытка перенести интерфейсы из разных сущностей — с тач-экрана на веб-страницу десктопа, gui операционной системы в веб-страницу или в тач-экран. Есть интерфейсы, которые хорошо приспособлены для пальцев и не очень для мыши и наоборот и не нужно напрямую переносить их туда-сюда-обратно без осмысления и правильных доработок.
                                                +1
                                                очень круто, спасибо за ссылку

                                                Only users with full accounts can post comments. Log in, please.