LINUX.ORG.RU

Twitter Bootstrap 3.0

 , , ,


0

0

Сегодня, в день двухлетия Twitter Bootstrap, разработчики представили новую версию 3.0. Работа над ней велась долго — более девяти месяцев, у фреймворка много нововведений. Наиболее значимые нововведения перечислены ниже:

  • Новый упрощенный дизайн. В стиле flat с таким оформлением будет проще кастомизировать стандартную тему фреймворка.
  • Оптимизация для мобильных устройств: Bootstrap теперь всегда адаптивный, для удобства отображения любого сайта на маленьких экранах.
  • Новый кастомайзер: более удобный и функциональный.
  • Улучшенная блочная модель: везде используется box-sizing: border-box.
  • Новая система сетки: добавлено больше возможностей, четыре типа классов сетки — телефон, планшет, десктоп и большой десктоп.
  • Переписаны JavaScript плагины: много улучшений, в том числе в производительности.
  • Новые иконки Glyphicons: 40 новых и все в формате иконочного шрифта.
  • Улучшенный navbar для повышения адаптивности навигации сайта.
  • Модальные окна оптимизированы для просмотра на мобильных устройствах.
  • Добавлены новые компоненты, убраны устаревшие.
  • Улучшение кастомизации элементов — кнопок, таблиц, форм, уведомлений и т.д.
  • Убрана поддержка Internet Explorer 7 и Firefox 3.6: для корректной работы в IE 8 необходим Respond.js.

>>> Подробности

★★★★★

Проверено: maxcom ()
Последнее исправление: cetjs2 (всего исправлений: 2)

Доставшие удушающие чёрные заголовки, доставшая гельветика нойе, доставшие уродливые кнопки — бутстрап стайл.

UNiTE ★★★★★
()

ещёб выяснить что это, зачем нужно и как твиттер можно связать с бутстрапом %)

upd: окей бутстрап - это какая-то модная ерунда у вебдевелоперов. никакого boot тут нет. спасибо.

billic ★★
()
Последнее исправление: billic (всего исправлений: 1)
Ответ на: комментарий от billic

ну выясни, кто тебе не дает.

по теме — штука настолько классная, что уже полинтернета на ней сделано. еще бы шло оно с десятком тем искаропки...

gistart
()
Ответ на: комментарий от billic

Twitter Bootstrap — потому что разрабатывала его команда из Twitter. Это не модная ерунда, это — CSS-фреймворк. В фреймворках мало значим стиль кнопочек и шрифта, он легко меняется. Всё просто?

anonymous
()
Ответ на: комментарий от gistart

да просто bootstrap это та петелька, за которую можно вытянуть, скажем, загрузчику целую систему. вроде первого загрузочного сектора.

не уверен, что хочу знать, как это связано с веб. спасибо.

billic ★★
()

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

anonymous
()

Прекрасно, просто прекрасно. Ты бы всё-таки написал, что это.

Aceler ★★★★★
()

Что то они совместимость сильно поломали. Все перепиливать придется, да еще и скорее всего перекомпилить из less.

Hope ★★
()

Ещё про бету писал — овно ужасное :-/ Если 2-й был простой, но стильный и в целом удобный, то 3-й — явно не годится на роль универсального оформления.

И то, что обратную совместимость поломали (пусть хоть немного) — намного хуже, чем кажется на первый взгляд. Bootstrap выглядел удачной попыткой _унификации_ зоопарка CSS. Типа, самый популярный, названия продуманные. Можно в том же стиле обзывать своё, даже не bootstrap'овское. И при необходимости менять дизайн простой заменой CSS. Если же будут ломать обратную совместимость, то кому такой подход нужен? И Bootstrap превращается в зачастую лишнюю сущность.

KRoN73 ★★★★★
()
Ответ на: комментарий от anonymous

Что, ручки чешутся комментарий написать?

Там в рекомендациях для составителей новостей, ЕМНИП, есть строчка что когда делаешь новость о новой версии программного продукта, неплохо бы написать, в двух словах, что это за продукт и с чем его едят.

Если по-твоему рассуждать, дак можно вообще ничего в новости не писать, просто написать название продукта: гугл жив-здоров, кто не ленивый - сам все выяснит

pihter ★★★★★
()
Ответ на: комментарий от Hope

Что то они совместимость сильно поломали. Все перепиливать придется

Я на 3-й точно не пойду :) Скорее всего так и буду сидеть на втором. На пару лет хватит, а там видно будет. Может, форкнут? Может, в 3-м одумаются?

KRoN73 ★★★★★
()
Ответ на: комментарий от KRoN73

ну я вот например в новом проекте заюзал 3, а старые проекты пусть себе на 2 работают, там все и так хорошо было.

gistart
()

Эталонное ненужно. Как и те, кто его использует. Сколько, блин, можно калечить мой веб?!

anonymous
()
Ответ на: комментарий от gistart

ну я вот например в новом проекте заюзал 3

Ну, в новых-то — да. Но в погоне за плоской модой они стиль потеряли. Каша какая-то вышла.

KRoN73 ★★★★★
()

Кстати, а одни ли и те же или нет люди делали дизайн второго и третьего Bootstrap? Он же уже не от Twitter'а… Может, в этом вопрос?

KRoN73 ★★★★★
()
Ответ на: комментарий от Hope

Что то они совместимость сильно поломали. Все перепиливать придется, да еще и скорее всего перекомпилить из less.

Ты хочешь сказать что написанное под 2.0 не будет работать под 3.0?

Может я чего не понимаю, но зачем тогда нужен такой фреймвек?

Если они за 2 года 3 версии сделали, то что, мне каждые 9 месяцев все переписывать?

pihter ★★★★★
()
Ответ на: комментарий от KRoN73

попыткой _унификации_ зоопарка CSS

Это о каком зоопарке речь? CSS - не один-единственный? о_О

И при необходимости менять дизайн простой заменой CSS

Ниче не понимаю, а что без всяких костылей, мешает написать сайт, дизайн которого можно полностью менять простой заменой CSS?

pihter ★★★★★
()
Ответ на: комментарий от pihter

Ниче не понимаю, а что без всяких костылей, мешает написать сайт, дизайн которого можно полностью менять простой заменой CSS?

Плюсую. Люди уже считают это личной выдумкой разработчиков бутстрапа, невоспроизводимой ни кем другим.

anonymous
()
Ответ на: комментарий от pihter

Ты хочешь сказать что написанное под 2.0 не будет работать под 3.0?

нет, надо мигрировать. названия классов поменялись.

kelyar ★★★★★
()

Удивительно, уже сколько постов, а не одного нытика по поводу выпила Firefox 3.6 и тем более Internet Explorer 7

GanGSISoft ★★
()
Ответ на: комментарий от pihter

Это о каком зоопарке речь?

О зоопарке соглашений именований сущностей.

Что сейчас мешает спокойно менять один CSS-комплект одного производителя на другой без полного переделывания шаблонов? То, что названия объектов и методы их применения у всех разные.

Посмотри на то, сколько проблем ставит задача прикрутить тот же Bootstrap к любому сложному _уже имеющемуся_ проекту. Комплект шаблонов в большом проекте часто по сложности не уступает программной части.

Bootstrap тут дарил надежду на некоторую унификацию. Пишешь в его стиле — и готово, хочешь простой подменой CSS получаешь свой стиль, хочешь — Bootstrap/Plusstrap/Metro/FBootstrap/etc…

Что им мешало сделать дизайнерский стиль 3-го совместимым со вторым? У людей была бы возможность выбора в базовом функционале через простую замену CSS.

а что без всяких костылей, мешает написать сайт, дизайн которого можно полностью менять простой заменой CSS?

Ничто не мешает сделать велосипед из руды.

KRoN73 ★★★★★
()
Ответ на: комментарий от GanGSISoft

Удивительно, уже сколько постов, а не одного нытика по поводу выпила Firefox 3.6 и тем более Internet Explorer 7

На фоне других проблем Bootstrap 3 — это вообще не проблема :)

KRoN73 ★★★★★
()

переводчик новости явно по русскому имел двойку в школе. или по английскому...

Убрана поддержка Internet Explorer 7 и Firefox 3.6

:(

до сих пор сижу на 3.6.х дома.

anonymous
()
Ответ на: комментарий от kelyar

нет, надо мигрировать. названия классов поменялись.

поубывал бы..

ЗЫ: я не в теме про конкретно сабж, но, в общем случае, поубывал бы... :)

pihter ★★★★★
()
Ответ на: комментарий от pihter

Ниче не понимаю, а что без всяких костылей, мешает написать сайт

Это для тех, кому нужен приличный дизайн для десктопа и мобильных устройств, не желая обмазываться в CSS по уши.

iVS ★★★★★
()

Пилин, автору новости явно вкурило недавно выученное слово «кастомизация»:

с таким оформлением будет проще кастомизировать стандартную тему фреймворка.

Новый кастомайзер: более удобный и функциональный.

Улучшение кастомизации элементов — кнопок, таблиц, форм, уведомлений и т.д.

Это уже даже не смешно становится...

dpkg ★★★★
()
Ответ на: комментарий от KRoN73

Я так понял обратную совместимость пришось сломать, чтобы можно было например сделать на десктопе товары в 6 колонок, а на мобилке в 2, старая версия такого не могла. Хотя я пока не копал глубоко

xorik ★★★★★
()
Последнее исправление: xorik (всего исправлений: 1)
Ответ на: комментарий от KRoN73

О зоопарке соглашений именований сущностей.

То есть, ты хочешь возможность применять сторонний комплект CSS для какого-то своего проекта, чтоб он стал выглядеть по стилю как один из публикуемых сторонними разработчиками стилей, я верно понял?

И для этого тебе не хватает общепринятого стандарта именования сущностей?

Что сейчас мешает спокойно менять один CSS-комплект одного производителя на другой без полного переделывания шаблонов?

эээ... я даже не заню.. может то, что никто и не задумывал CSS как средство переноски стилей между сайтами? Чтоб полностью поменять дизайн сайта (даже грамотно написанного, с разделением дизайна и содержания), не достаточно просто поменять CSS ведь есть еще и изображения (хотя их можно указать и из другого сайта, но я не заню, как-то некрасиво, так кто-то делает?)

То есть распространять стиль сайта независимо от сайта не получается по целому ряду причин: никто CSS так не задумывал да и вообще, имхо, глупо

Посмотри на то, сколько проблем ставит задача прикрутить тот же Bootstrap к любому сложному _уже имеющемуся_ проекту

Не могу: я до сих пор толком не понимаю что такое этот ваш Bootstrap

Bootstrap тут дарил надежду на некоторую унификацию. Пишешь в его стиле — и готово, хочешь простой подменой CSS получаешь свой стиль, хочешь — Bootstrap/Plusstrap/Metro/FBootstrap/etc…

Мысль ясна, но у меня в голове не укладывается

Ничто не мешает сделать велосипед из руды.

Тут не соглашусь. Я говорил о замене дизайна сайта простой заменой CSS, то есть без замены шаблонов, структуры, логики и тд. А ты, если я правильно понял, говоришь о кросссайтной замене стилей.

pihter ★★★★★
()

Ну просто замечательно! :3

renya ★★★★★
()
Ответ на: комментарий от kelyar

:) мажорная верcия, там вроде сильно поменялось.

Ладно, допускаю. Но зачем ломать обратную совместимость? Нельзя было оставить, а через 10 лет выпилить, когда все отомрет уже?

Это же фреймверк, людям, которые поддерживают проекты, придется либо оставаться на старой версии и терять новые плюшки, либо все переписывать!

Ленина и то не убирают из мавзолея пока живы люди, которых это может ранить, а тут...

pihter ★★★★★
()

ЧСХ, все крупные корпорации (Google, Microsot, Twitter) для своих свободных продуктов выбирают исключительно Apache License.

anonymous
()
Ответ на: комментарий от iVS

Это для тех, кому нужен приличный дизайн для десктопа и мобильных устройств, не желая обмазываться в CSS по уши.

То есть для тех, кто хочет создавать однотипные сайты, не желая изучать CSS?

Если так, то нужно, но в упор не понимаю... изучение CSS - ну 5 вечеров, максимум, что там изучать?

pihter ★★★★★
()
Ответ на: комментарий от dpkg

Пилин, автору новости явно вкурило недавно выученное слово «кастомизация»

Емкое слово, все тут понимают, почему нет? Как по-русски сказать так же коротко и с тем же смыслом?

pihter ★★★★★
()

А что это такое и зачем нужно?

anonymous
()

Отличная новость! Спасибо.

provaton ★★★★★
()

интересно, что делает новость интересная только WEB-разработчиков на сайте, на котором не могут терпеть новости из мира Unix/BSD )

anonymous
()
Ответ на: комментарий от iVS

А чем вам этот сайтец не нравится? Всяко лучше, чем то гомно, что я вижу при заходе на гетбутстрап.ком

anonymous
()
Ответ на: комментарий от anonymous

Всяко лучше, чем то гомно, что я вижу при заходе на гетбутстрап.ком

Haters gonna hate!

iVS ★★★★★
()
Ответ на: комментарий от UNiTE

удушающие чёрные заголовки

у тебя украли текстовый редактор, что ты не можешь поменять цвет?

или в емаксе текстовый редактор совсем выпилили? :3

stevejobs ★★★★☆
()

Скастую-ка я сюда Vit, его Fontello как раз на бутстрапе.

iVS ★★★★★
()

говно гламурное ваш бутстрап

oskar0609
()
Ответ на: комментарий от KRoN73

Если 2-й был простой, но стильный и в целом удобный, то 3-й — явно не годится на роль универсального оформления.

Почему не годится-то? Давай конкретику :)

Manhunt ★★★★★
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.