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 ()

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

если конечно ты - не GPL-разработчик

Гг. Я MIT-разработчик. И уверяю тебя, большинство разработчиков адекваты и срать хотели на такое вот слепое поклонение. Свою долю фана мы получаем другими каналами.

Вырастай уже из штанишек и не защищай бородатых дядек, они способны позаботиться о себе сами.

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

Забыл добавить ещё уродливые белые бэкграунды.

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

Расскажи заказчику, у которого осел 7 :)

Они тут все уже умерли. Гугл то, вроде, на него даже забил, они интернетом не пользуются?

Тем не менее, некоторые части человечества продолжают использовать АЙЙЭ 7

Они тоже умерли :3

Для nth-child и ко есть polyfill'ы для IE. Например: http://selectivizr.com/ Жабаскрипт, конечно, но только для IE, пусть страдают :}

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

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

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

А вообще, не вижу ничего страшного, ибо верстальщик-программист сильно правдоподобнее верстальщика-дизайнера...

почему я должен тратить время на _искусство_ вёрстки?

однако потратил, ибо без этого никуда... и, да, скорее не искусство, а ремесло, особенно с выходом CSS3 :)

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

именно по этому разные таблицы могут быть вложены в разные контейнеры

А зачем создавать лишнюю сущность в виде контейнера, если у меня под разное назначение используются разные типы таблиц? Чем <div class="result"><table>.. лучше по сравнению с <table class="result">..?

Ответ, никак, потому что так и не должно быть

А по мне — это очень желательное явление. Которое во многом реализуется сегодня с использованием Bootstrap.

Ты ещё предложи не использовать API в системном программировании, а всем всё делать самим.

Никто такой цели не ставил, а почему? Очевидно, потому что нет потребности...

Ну как же не ставил? А для чего, по-твоему, создаются CSS-фреймворки? Их-то, как раз, полно. Просто Bootstrap сильно вырвался вперёд на фоне остальных.

Тогда нужно пересматривать концепцию CSS

Зачем? Оно прекрасно работает и сейчас.

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

Я оттуда где писал на рубях уже свалил, уже не попробую.

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

А вообще, не вижу ничего страшного, ибо верстальщик-программист сильно правдоподобнее верстальщика-дизайнера...

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

однако потратил, ибо без этого никуда... и, да, скорее не искусство, а ремесло, особенно с выходом CSS3 :)

Тогда рассматривай это как вариант использования Си-программистом системного API. Можно, при написании текстового редактора, и вручную написать работу с файловой системой через порты контроллера. Но многие ли так делают? А почему вопросы вёрстки должны попрежнему касаться изготовления велосипеда из руды?

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

Гг. Я MIT-разработчик

Ну че я те могу сказать, мое почтение, я вот еще не дорос до GPL ибо зелен, но стремлюсь.

слепое поклонение

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

pihter ★★ ()

Автору огромное спасибо за пояснение - я теперь знаю все, о нововведениях в Twitter Bootstrap, но не знаю что это. Не беда, я загуглил.

Но давать краткое описание софту все-таки надо.

Правда примеров сайтов, созданных с twitter bootstrap я в википедии не нашел.

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

Они тут все уже умерли.

Эх, твои бы слова, да этому вашему Б-гу в уши... Живы и спрашивают, почему криво :)

они интернетом не пользуются?

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

пусть страдают :}

Не-не-не - пусть горят в муках :)

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

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

Вот это аргумент. А то что они позволяют пользоваться нахаляву — это не аргумент. Только и всего.

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

Правда примеров сайтов, созданных с twitter bootstrap я в википедии не нашел.

Каждый второй. А в рунете два из трех.

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

Поэтому нам нужен прототип, который (в случае если «выстрелит») можно будет безболезненно допилить до нормального состояния.

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

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

А зачем создавать лишнюю сущность в виде контейнера, если у меня под разное назначение используются разные типы таблиц? Чем <div class=«result»><table>.. лучше по сравнению с <table class=«result»>..?

А затем что разные типы таблиц, как правило, используются в разынх местах, следовательно, они уже в разных контейнерах и лишего div'a и лишнего класса создавать не нужно. Сущностей меньше, чем в твоем варианте

А по мне — это очень желательное явление

Да, но, видимо, не настолько желательное, раз не запилили до сих пор...

Ну как же не ставил? А для чего, по-твоему, создаются CSS-фреймворки? Их-то, как раз, полно. Просто Bootstrap сильно вырвался вперёд на фоне остальных.

Если так, то я - неправ. Будем желать тогда сабжу победы, станет только лучше

Зачем? Оно прекрасно работает и сейчас.

Ну где ж прекрасно, если ты жалуешься? я к тому, что для полноценной реализации твоей идеи нужно не CSS + CSS-framework, а CSS-new-generation, тогда и только тогда, твоя идея взлетит

Ты ещё предложи не использовать API в системном программировании, а всем всё делать самим.

Нет, ты слишком гипорболизируешь мою мысль :)

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

И в результате засилие почти одинаковых страниц.

Ну и что с того? Ты же на страницу за контентом приходишь, а не за вкушением нового доселе неизведанного дизайна? Если бы бутстрапа не было, и следовательно 80% этих страниц были бы адским вырвиглазием, было бы лучше?

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

Тогда рассматривай это как вариант использования Си-программистом системного API. Можно, при написании текстового редактора, и вручную написать работу с файловой системой через порты контроллера. Но многие ли так делают? А почему вопросы вёрстки должны попрежнему касаться изготовления велосипеда из руды?

Ну вот ты, явный противник этой идеи, сам сказал что разработчик, однако очевидно разбираешься в вопросах верстки, как так? ИМХО, быть веб разработчиком, не являясь хорошим знатоком верстки - просто нереально...

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

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

Как правило разные классы таблиц используются на одной странице контента. И поэтому их надо явно разделять. Видимо, у нас практика разная…

Ну где ж прекрасно, если ты жалуешься?

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

я к тому, что для полноценной реализации твоей идеи нужно не CSS + CSS-framework

Чем же не подходит нынешний, уже работающий вариант?

Нет, ты слишком гипорболизируешь мою мысль :)

Естественно, это гипербола. Для иллюстрации. Сегодня много верстальщиков занимается именно изготовлением велосипеда из руды.

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

Человек на правильном пути

Он был бы на правильном пути, если бы веб-сайты были его основной деятельностью. А так получается, что он распыляет свои усилия на всё что попадёт под руку (в том числе, на самопальный дизайн сайтика), и генерирует кучу шлака. Распыление усилий в самом в лучшем случае приведет к тому, что основное направление деятельности будет буксовать. В не самом лучшем случае - к тому, что весь проект загнется, не успев толком начаться.

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

сам сказал что разработчик, однако очевидно разбираешься в вопросах верстки, как так?

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

Я когда-то сам писал себе драйвера под принтеры. Но предпочитаю сегодня использовать CUPS.

Я писал языки и виртуальные машины. Но сегодня делаю сайты на PHP.

Я выращивал много картошки и свёклы и умею водить трактор. Но беру картошку сегодня в магазине и катаюсь на метро.

Так почему я должен заниматься рутинной вёрсткой в проектах, где дизайн — не главное? :)

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

Ну и что с того? Ты же на страницу за контентом приходишь, а не за вкушением нового доселе неизведанного дизайна?

То есть по-твоему содержание контента не определяет оформление сайта? И «Сто рецептов для похудения», «Общество содействия техасским рейнджерам» и «Клуб знакомств лесбиянок Хоккайдо» могут выглядеть одинаково? OK.

UNiTE ★★★★★ ()

Немного домашнего метана:

1. Наконец-то можно для мобилок и десктопа разную раскладку колонок задавать. Я об этом еще пол года назад плакался. Правда мне показалось, что там не хватает еще одной контрольной точки - чтобы отличать вертикальную мобилку от горизонтальной. Но это вполне реально дописать - главное что базовый скелет есть.

2. Жалко, что выкинули typeahead. Я смотрел twitter-typeahead, рекомендуемый на замену. Он заметно побольше (хотя это еще можно пережить), но конкретно сейчас он еще не отполирован. Надо время тратить, чтобы разобраться как заменить.

3. Молодцы, что выкинули IE6-7. Бутстрап очень сильно влияет на мир разработки. Надеюсь, остатки старых IE теперь станут помирать активнее.

4. Ну про фонты вы в курсе, грамотные посоны все равно дефолный не используют никогда :) . Но это правильно, что девелоперов пинают в нужном направлении. Нефиг гифками страдать.

Подожду сервис-пака недельку-две, и можно будет думать над миграцией.

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

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

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

Настройка, адаптация

anonymous ()

Присоединяюсь к тем, кто просит написать, что это вообще такое.

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

Во-первых: могут, могут. Дезигн это все о вкусе - а о нём не спорят.

Во вторых: For anyone who thinks that all Bootstrap sites look alike, we offer conclusive proof to the contrary. You might need some band-aids for your eyes: http://code.divshot.com/geo-bootstrap

Ну и в третьих - лучше видеть на 90% сайтов дефолтный дизайн от хоть каких но проффи чем то что по ссылке :)

anonymous ()

Имхо, Бутстрап не должен быть красивым, стильным, недоставшим етц. Бутстрап должен быть максимально никаким, примерно как тема «Высококонтрастная» в Гноме. У третьего релиза это выходит лучше, чем у второго.

За два года со времени своего появления, Бутстрап успел всем понравиться как инструмент и достать массой сайтов с клонированным, эмм, графическим языком. Будет хорошо, если использование дефолтного бутстрапа станет таким же моветоном, как шрифт Комик Санс. Для этого нужно, чтобы бутстрап стало максимально легко кастомизировать, чем третий релиз и лучше.

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

с американскими евангелистами

BEST VIEWED WITH [MS IE] Forget all the other browsers and down with the Web 2.0 net police.

x_x

metrokto ★★ ()

Посоветуйте хороший, годный твиттер-клиент.

Joker ()

А стоит ли мой говносайт на вордпрессе переделать на энтот бутстрап?

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

Кто не дает?

Делай пожалуйста, но при чем тут бутстрап? :)

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

Жалко, что выкинули typeahead

Я так и не смог его задействовать. Фиксированные списки в моих задачах не актуальны, а для AJAX он не предназначен. В итоге пользуюсь разными сторонними инструментами, чаще — select2: http://ivaynberg.github.io/select2/

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

Присоединяюсь к тем, кто просит написать, что это вообще такое.

Это такая фигня, благодаря которой сейчас львиная доля технарских сайтов выглядит а ля http://blueimp.github.io/jQuery-File-Upload/ (мля, он уже до 3-й версии Bootstrap обновился), а не как http://users.i.kiev.ua/~bonovox/resume.htm

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

Имхо, Бутстрап не должен быть красивым, стильным, недоставшим етц. Бутстрап должен быть максимально никаким

Ещё одна причина, по которой B3 хуже, чем B2 :)

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

А стоит ли мой говносайт на вордпрессе переделать на энтот бутстрап?

Под WP есть несколько готовых тем с Bootstrap. Соответственно, в админке тем и искать надо. Только Wordpress обычно намекает на некоторую индивидуальность проекта. И тогда дефолтовый Bootstrap не мешало бы немного перекрасить.

KRoN73 ★★★★★ ()

Отлично! Через полгода можно будет переходить! ;-)

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

P.S. Есть неплохой сервис помогающий при миграции на 3.0: http://bootstrap3.kissr.com Даже если не будете пользоваться формой, можно свериться с советами и чек-листом.

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

Аналог API в «системном программировании» - это теги HTML/CSS в вебе. printf = div, к примеру. А вот переменные и свои классы «в системном программировании» я могу называть как хочу. Могу писать свои функции и т.п. Сравнение не корректно. Никто не будет придерживаться общего стиля, пока это не станет необходимостью (иначе не будет «компилироваться», скажем так).

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

Аналог API в «системном программировании» - это теги HTML/CSS в вебе

Развитие аналогий — ущербная практика. Ибо карта никогда не равна территории.

А вот переменные и свои классы «в системном программировании» я могу называть как хочу.

Речь не о своих переменных и классах. А о «системных».

Сравнение не корректно.

Значит, Вы просто не поняли о чём речь. Или хотите потроллить на ровном месте.

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

Это имеет смысл, если нужна правильная семантическая верста, или если делаете с нуля. Очень сэкономит время.

А если уже всё готово и устраивает - смотрите сами, сколько вы на модификации тратите.

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

Бутстрап удобен для программиста, что бы кнопки сделать и не волноваться, когда дизайнер чего-нибудь там нарисует, а верстальщик сверстает. Сделал кнопки, верстальщику доступ в svn\git дал, дальше пусть у других голова болит, прогер к этому больше не привязан.

ForwardToMars ()

поддержка
Firefox 3.6

А чего там такого нужно поддерживать?

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

Речь не об изучении css, а о его использовании. Если я, предположим, прогер на джаве, питоне или пхп, то css я может и знаю, но если мне небольшую админочку написать - зачем мне париться, подбирая шрифты, размеры кнопок и цвета? Какой профит тратить время, если можно взять бутстрап, где уже есть набор стилей?

ForwardToMars ()

неплохо было бы написать что это вообще такое, а то читаешь «Сегодня, в день двухлетия Twitter Bootstrap, разработчики представили новую версию 3.0» и понятно ровно ничего.

G ()

Отличный фреймворк, молодцы

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

Вы сравниваете теплое и мягкое. Мне вас троллить-то зачем? Только время тратить, мое и ваше. Указал на неточность, пошел дальше. А вот ваша фраза про аналогии странная: как раз вы хотите сделать «как там, только тут», по аналогии с.

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

Как правило разные классы таблиц используются на одной странице контента

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

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