Twitter Bootstrap 3: неофициальный первый взгляд

    image
    Всем привет!

    Судя по пулл-запросу, команда Twitter Bootstrap уже достаточно близка к завершению.
    Но, к моему сожалению, их сайт-превью сейчас не работает.

    А так как после списка изменений ну очень уж захотелось посмотреть, что они там наваяли, я форкнул их репозиторий, собрал документацию вручную и выложил у себя.

    Наслаждайтесь: rnikitin.github.io/bootstrap

    Список изменений приводить не буду, он очень большой, посмотрите сами.
    Что думаете о новом бутстрапе?
    Поделиться публикацией

    Комментарии 69

      +2
      Уже после того, как опубликовал, увидел что @mdo просит не публиковать превью раньше времени

      github.com/twitter/bootstrap/pull/6342#issuecomment-15408647

      Так что думаю, пост повисит немного и я его удалю.
      –16
      Молодец, похвастался макбуком с retina-дисплеем, теперь можно пересохранить картинку из нынешних 2.748px × 1.972px в человеческие 800px × 600px, а то «ленту рвёт» :)
        +2
        Не, картинка была взяла из пулл-реквеста. Это их картинка.
          +12
          /me посыпает голову пеплом…

          Но картинку всё равно лучше пережать :)
            –5
            Лень :)

            она все равно у вас уже закэшировалась :)
              +1
              А о других подумать?)
                +5
                300кб не так и много же.

                Зато ребята с ретиной тоже не будут ущемлены :)
                  0
                  3000 по нынешним временам тоже не много. Проблема в том, что не все читают хабр через веб сайт, иногда через rss Ридеры, где зачастую изображения не масштабируются.
                +1
                ладно-ладно, уговорили. Пережал и обновил.
          +14
          Навеяно Windows Metro? :) раньше кнопочки объемнее были :)
            +3
            Вроде бы временная мера
            github.com/twitter/bootstrap/pull/6342#issuecomment-12332378

            Но комменту уже 3 месяца, а вот и ныне там. Так что кто знает?
              0
              ага, значит так по крайней мере не задумывалось, но да, кто знает. Может теперь всем так больше стало нравиться :)
            0
            Очень радостная новость. Бегло прошелся по документации, посмотрел новые фиксы и фичи… ну что сказать… Молодцы!!!
              0
              Пока не убрали Submenu или уже передумали?
              +3
              Правильно ли я понимаю, что обратной совместимости принципально нет? Т.е. для новых проектов ок, а старые нужно переколбашивать, чтобы перейти на TB3?
                0
                Получается, что практически нет.
                0
                Какая хорошая новость. Хотелось бы побыстрее официальный релиз! Ох, как хочется быстрее заценить новый бутстрап!
                  0
                  ну в принципе исходники есть, пользоваться можно :)
                    0
                    Можно. Хочется полноценное демо пощупать прежде всего. Как-то времени нет на самостоятельное изучение всех прелестей нового бутстрапа=(
                      0
                      так я выше и выложил полноценное демо новой версии.
                        0
                        Вот за это вам спасибо, я их вечером посмотрю обязательно. Но всё равно буду ждать официального релиза =)
                  0
                  А когда премьера-то?
                • НЛО прилетело и опубликовало эту надпись здесь
                  –1
                  Ого, придется отказываться от custom-сборок metro/modern UI + bootstrap
                    +6
                    Стиль сильно поменялся, ушел тот лоск, что был в предыдущих версиях.Жаль.
                      0
                      А можно пример лоска, который был и которого нет в новой версии?
                        0
                        Gradients and other embellishments have temporarily been removed
                        github.com/twitter/bootstrap/pull/6342#issuecomment-12332378
                          0
                          temporarily.
                          Это я просто так.
                            0
                            Ой спасибо, а то русский начал забывать.
                              0
                              Тогда, простите, о какой потере лоска вы говорите, если это изменение временное?
                                +5
                                Нет ничего надежнее временного, особенно когда «3 months ago».
                                Поживем — увидим.
                                  –6
                                  Извините, но вы честно не видите, что несете откровенную чушь?
                                    +11
                                    Не извиню.
                                      0
                                      Увы.
                                        +1
                                        На NH мы пришли примерно к тому же.
                                        news.ycombinator.com/item?id=5537321

                                        Время покажет.
                                          0
                                          Они как-то писали на моё предложение, что у них в планах онлайн-кастомизатор. Поэтому неважно, как всё будет выглядеть
                        0
                        А может повзрослел? И принял вид, действительно, фреймворка, как основы для приложений? Превратился в форму для выпечки, вместо прежнего готового рецепта на все случаи жизни?
                        • НЛО прилетело и опубликовало эту надпись здесь
                          +1
                          спасибо
                            0
                            Фишку Small device grid вроде из Foundation взяли.
                              +1
                              Честно говоря мало заметило чего то нового, может быть не так плотно с ним работаю =) Кстати кому не понравился новый стиль? Уж больно напоминает время 2003-2005 для 6 екплорера.
                                +2
                                О, круто! Сделали модальные окошки по тому же принципу, как я делал как-то. Только у них они отлично работают без косяков :)
                                • НЛО прилетело и опубликовало эту надпись здесь
                                    0
                                    Думаю на стили они полюбому пока забили, так как тестовая версия, да и шаблон однако уже для него полно, только поправить их для новой версии. Конечно не хотелось бы видеть подобие «Метро-стайл, с круглыми углами» =)
                                    0
                                    У меня отображается 2 скроллбара, поверх друг друга, и скролится всё как и раньше. Думаю временный баг.
                                    +1
                                    Блин, как-то уныло когда так плоско все
                                      0
                                      Минимал-стайл — это, конечно, здорово и популярно. Бутстрап всегда нравился своей «воздушностью». Но кнопочки были более «живые» и прям вызывающие желание понажимать их, когда были объемные. Надеюсь, что плоские они и правда временно.
                                      +5
                                      Астрологи объявляют месяц Twitter Bootstrap 3. Количество шаблонно-сверстанных сайтов увеличилось втрое.
                                        0
                                        пока рано :)

                                        С другой стороны посмотришь на любой стартап сегордня — это Bootstrap. Есть в этом и минус. Но плюсы перечеркивают.
                                          +1
                                          На самом деле, и на бутстрапе можно сайт максимально рвущий шабоны сделать ;).
                                          divshot.github.io/geo-bootstrap/
                                            0
                                            Было бы желание и достаточно алкоголя… :)
                                        0
                                        Я крепко недоволен исчезновением класса btn-inverse. Я широко использовал его, и мне не нравится сокращение числа расцветок кнопок.
                                          0
                                          К этому прибавлю пренеприятное исчезновение класса btn-info на две недели (затем он был возвращён по просьбам общественности). Такое впечатление, что авторы Bootstrap постепенно продвигают его к состоянию «все кнопки одного цвета для простоты», но я не разделяю этот их идеал.
                                          +2
                                          Переход от <i class="icon-ok"> к развёрнутой записи <i class="glyphicon glyphicon-ok"> представляется мне несколько непродуманным, так как существенное утяжеление кода не стóит, на мой взгляд, новой возможности записывать имя класса не обязательно первым среди остальных классов этого элемента.

                                          К счастью, я давно перешёл на Font Awesome, так что лично мне всё равно. Но сочувствую пользователям Glyphicons.
                                            0
                                            В комментариях @mdo писал, что они пошли на это из соображений скорости. Видимо, где-то селектор "[class^=«icon-»], [class*=" icon-"]" работает не очень быстро.
                                            +1
                                            Так хорошо пиарятся, а внутри то такой трэш творится.
                                            • НЛО прилетело и опубликовало эту надпись здесь
                                                0
                                                Там баг в документации, id карусели в них указан не правильно.
                                                +2
                                                Пользуясь случаем чтобы не создавать отдельную тему упомяну, что недавно другой css фреймворк Foundation обновился до 4 версии, которая принесла примерно столько же изменений, как из апдейт bootstrap на версию 3.

                                                От себя замечу, что в foundation как-то реже встречаются различные глюки (субъективно) и активно используется такая фишка как Off-Canvas Layouts.

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

                                                У bootstrap для меня только два приемущества — большое количество готовых решений, заточенных именно для него (впрочем эту жёсткую привязку можно считать и недостатком) и использование Less вместо Scss
                                                  +1
                                                  Лучше все же вам о нем отдельный пост написать.
                                                  А то часто встречаю тех, кто предпочел Foundation, но статьи про него толком не пишут.

                                                  Я много раз заходил на страничку Foundation и так и не смог там найти такого большого количества контролов, виджетов и элементов, а для меня это самый важный фактор — когда я делаю некий прототип, я не хочу связываться с дизайнером и верстальщиком. Я хочу спроектировать нормальный, современный интерфейс быстро и максимально быстро выйти на рынок.

                                                  В этом у бутстрапа конкурентов нет сегодня, к сожалению.
                                                  0
                                                  К слову, к третьему цепляются некоторые существующие «кнопочные» расширения. Например, на wrapbootstrap есть такие (правда, платные) — возвращают объём в большинстве случаев.
                                                  Кнопки обязаны быть объёмными — это же кнопки.
                                                    0
                                                    В примерах как висел # на ссылках, так и висит, ужас. Когда они уже return false будут использовать?

                                                    Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                                                    Самое читаемое