@xbreaker10 авг 2012 в 08:52

Что если бы Google выпустил свой Bootstrap?

2 мин

19K

CSS *

+184

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

НЛО прилетело и опубликовало эту надпись здесь

@xbreaker 10 авг 2012 в 08:56

Спасибо за пояснение, странно, что они его не используют повсеместно.

@Doktor_Gradus 10 авг 2012 в 11:47

Используют. Вы попробуйте покопаться в гугловских js — много напрочь обфусцировано.

@BupycNet 10 авг 2012 в 22:58

Я когда писал парсер и привязывался к именам класса — матерился. У них каждую неделю менялись названия. Тогда я просто привязался к названиям и тегам.

@frentsel 13 авг 2012 в 18:54

Вот оно, начало темирования Bootstrap!

@armed 10 авг 2012 в 09:04

Симпатично получилось, беру в закладки на гитхабе.

@grun 10 авг 2012 в 09:13

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

НЛО прилетело и опубликовало эту надпись здесь

@Oleg_Yozhik 10 авг 2012 в 17:52

Чем еще пользуетесь?

@grun 11 авг 2012 в 08:35

мозгом.

НЛО прилетело и опубликовало эту надпись здесь

@CAJAX 10 авг 2012 в 09:10

Весь интерфейс гуглопочты собирается один раз в момент смены темы, включения/выключения фишек, апдейта кода для каждого юзера отдельно и лежит в виде одного большого куска.

@return 11 авг 2012 в 20:03

это было бы очень глупо :)
скорее для каждой комбинации темы и включенных настроек, которые меняют css/js

@CAJAX 11 авг 2012 в 20:08

Это не глупо, когда у вас более 140 миллионов пользователей, которые в основном используют веб-интерфейс.
И я это не выдумал, они об этом сами писали после одного из падений гуглопочты.

@return 11 авг 2012 в 20:09

Это глупо, когда у вас более 140 миллионов пользователей и css/js в таком случае будут часто дублироваться

@esc 11 авг 2012 в 20:24

Файлы можно сохранять под именем, которое состоит из их crc для отсечения дублей. Например.

@return 11 авг 2012 в 20:25

я про это и написал в первом комментарии-ответе :)

@CAJAX 11 авг 2012 в 21:12

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

@return 11 авг 2012 в 21:51

А они не сделали так, как вы написали, потому что это глупо.
Зачем столько злости? Предлагаю на этом закончить дискуссию :)

@JiLiZART 10 авг 2012 в 09:12

Было бы хорошо, если бы была less версия, которую можно просто подключить к существующему будстрапу у себя в проекте.

@xbreaker 10 авг 2012 в 09:14

Хорошо, впереди как раз выходные, поэтому постараюсь сделать и в less.

@or10n 10 авг 2012 в 09:14

теже яйца, только в профиль :)

@xbreaker 10 авг 2012 в 09:15

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

@FFF 10 авг 2012 в 11:44

… только плоские :)

@MrMYSTIC 10 авг 2012 в 13:15

… только более квадратные

@CAJAX 10 авг 2012 в 09:16

Кстати, гугл запрещает использовать свои элементы интерфейса на чужих сайтах.

@JiLiZART 10 авг 2012 в 09:17

Свои в плане скопированные в виде кода? или в плане выглядящие как ихние?

@CAJAX 10 авг 2012 в 09:19

Don't copy or imitate Google's trade dress, including the look and feel of Google web design properties or Google brand packaging, distinctive color combinations, typography, graphic designs, product icons, or imagery associated with Google.

www.google.com/permissions/trademark/rules.html

@SilenceAndy 10 авг 2012 в 09:26

Элементы используемые корпорацией добра не являются уникальными и аналогичные элементы были и до начала использования их гуглом, лет наверное за 5-7. Так что предъявлять притенении на схожую стилистику гугл не может.

@xbreaker 10 авг 2012 в 09:29

Если дела будут совсем плохи, то я поменяю цвета кнопок на 1-2 тона — только они совпадают.

@SilenceAndy 10 авг 2012 в 09:34

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

@rmrevin 10 авг 2012 в 09:30

А счастье было так близко…

@Ogra 10 авг 2012 в 09:33

Ну тогда скачиваем, пока не поздно! ;)

@Mithgol 10 авг 2012 в 10:33

Кстати, гугл запрещает использовать свои элементы интерфейса на чужих сайтах.

Я зашёл в комментарии увидеть этот комментарий.

@valkiriy 10 авг 2012 в 09:16

Да, весьма забавно. Бутстрап использую везде, потому что «фронтендщик» из меня слабый, так что и Plusstrap от меня не убежит)

@namespace 10 авг 2012 в 09:30

Запасаюсь попкормом нажимая Watch и Star на гитхабе.

@pixilang 10 авг 2012 в 09:33

подсказки и прогресс бары очень симпотишно вышли

@btd 10 авг 2012 в 09:49

Выглядит действительно хорошо. Правда есть маленькое замечание по поводу шрифтов на кнопках.
C bold'ом:

Без:

@xbreaker 10 авг 2012 в 09:52

Действительно, на моем компьютере разница не столь значительна. А можно узнать браузер и ось?

@btd 10 авг 2012 в 09:55

Извиняюсь, что сразу не написал: mac osx 10.8 & chrome 22.0.1229.2 dev.

@elky 10 авг 2012 в 15:12

Поможет -webkit-font-smoothing: antialiased; установленный для body, например.

@xbreaker 10 авг 2012 в 15:15

Спасибо, добавлю.

@Keyten 10 авг 2012 в 13:37

Возможно, у вас нету данного шрифта в жирном начертании, и браузер пытается его сделать сам?

Где-то тут статья по этому поводу была…

@1101_debian 10 авг 2012 в 09:53

Хм, мне Plusstrap больше нравится, продолжайте в том же духе ;-)

@KEPZ 10 авг 2012 в 10:03

«У Twitter есть Bootstrap, а есть ли аналогичное у Google?» — таким вопросом я задался буквально пару дней назад и стал искать. Результатами поиска был расстроен, а переделать Bootstrap и в мыслях не было.
xbreaker, жру руку!

@KEPZ 10 авг 2012 в 10:04

~~жру~~ жму :)

@ha2bj 10 авг 2012 в 13:22

Нет уж, жрите уже! )

@xbreaker 10 авг 2012 в 14:54

Главное, чтобы не мою :)

@xbreaker 10 авг 2012 в 10:56

Спасибо. Видимо нас посетили одинаковые мысли, просто мои пошли чуть дальше :).

@habraUSvER 10 авг 2012 в 20:25

Фу, выплюньте…
//не удержался
xD

@eugenius_nsk 10 авг 2012 в 11:40

> жру руку
Про таких говорят: «дай ему палец — а он всю руку откусит».

@nixmale 11 авг 2012 в 01:51

Про таких говорят: «не грызи ногти»

@ajaxtelamonid 10 авг 2012 в 10:10

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

@1101_debian 10 авг 2012 в 10:11

Оно?

@ajaxtelamonid 10 авг 2012 в 10:17

Не, это первая и не очень удачная попытка.
Под первый бутстрап, кнопки не те (вот те — nicolasgallagher.com/lab/css3-facebook-buttons/), типографика неряшливая, выпадающие списки не родные. Сделано слишком в лоб.

@WebSpider 10 авг 2012 в 10:37

Отличная вещь! Автору огромное спасибо

НЛО прилетело и опубликовало эту надпись здесь

@youROCK 10 авг 2012 в 11:03

Я, честно говоря, сначала думал, что это просто пятничный юмор такой, как iTerm2 на первое апреля, а оказалось, что всё настоящее :)! Добавьте в начало ссылку прямо на github, мне кажется будет понятнее, что проект реальный :).

@xbreaker 10 авг 2012 в 11:09

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

@Trof 10 авг 2012 в 11:31

Если будете делать версию на less, предлагаю делать по примеру тем bootswatch.com/, где одним .less файлом перекрываются все нужные стили.

@xbreaker 10 авг 2012 в 11:33

Если делать одним, то тогда нельзя будет выбирать только нужные блоки, как у Twitter Bootstrap, или я путаю?

@Trof 10 авг 2012 в 11:54

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

@xbreaker 10 авг 2012 в 11:57

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

@n2j7 10 авг 2012 в 11:32

А сколько времени потратил?

@xbreaker 10 авг 2012 в 11:33

Часа три-четыре в сумме

@glebovgin 10 авг 2012 в 12:28

Идея и реализация очень понравились. Думаю, многие согласятся, что кастомизация нужна.
Спасибо!

@TideSofDarK 10 авг 2012 в 12:31

Хотелось бы гем для Rails. А так — отличная работа, мне понравилось даже больше чем оригинальный Bootstrap.

@powder96 10 авг 2012 в 15:48

Интересно, почему за основу Вы взяли не самую последнюю версию? Обновлять-же труднее будет.
github.com/twitter/bootstrap/tree/2.1.0-wip

@xbreaker 10 авг 2012 в 15:59

Да, посыпаю голову пеплом :). Эту ветку я увидел только сегодня с утра, хочу с подготовкой less версии перейти на 2.1.0 в качестве основы.

НЛО прилетело и опубликовало эту надпись здесь

@alexbuk 11 авг 2012 в 07:42

xbreaker ни в коем случае не бросайте свою сборку.
Очень понравилось, даже больше чем оригинал. Если Google реально не выпустит свой вариант **strap, ваша будет очень популярной.
А вашу буду использовать в своих проектах.
Но как уже сказали, хочется иметь актуальную версию, так что ждем обновлений.
Спасибо за труд!

@de1vin 11 авг 2012 в 09:08

В нескольких проектах использовал оформление в стиле Г+ и для ускорения разработки брал этот набор code.shrapp.nl/google-plus-ui-buttons/demo.html
Где-то в глубинах подсознания мелькала мысль, что было бы круто сделать бустрап в стиле гугла, но так и осталась там мелькать.
Теперь воспользуюсь вашим форком.
Может вы попробуете объединить со своим фреймфорком гуглокнопки, о которых я писал вначале?
В любом случае большое спасибо. Продолжайте в том же духе.

@xbreaker 11 авг 2012 в 09:15

Да, обязательно посмотрю вашу ссылку, первое впечатление положительное :).

@AndreyChizh 11 авг 2012 в 10:59

Спасибо!
Очень красиво.
Кстати, а вы не планируете изменять внешний вид Select List?

На мой взгляд, как-то «старомодно» выглядит.

@ArhMax 11 авг 2012 в 20:42

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

@ArhMax 11 авг 2012 в 22:13

Пару часов поюзал и к сожалению радость пропала. Тестировал в разных версиях IE. Часть функций работает не до конца (один из примеров: demo Modal диалог просто отображается, а не выплывает красиво как в Firefox), а часть вообще не работает. Каково было мое удивление увидеть неработающим целый раздел
Javascript plugins — Buttons ни где-то, а в современном IE9. Заменить фон у кнопки дело нехитрое, так что проблемы явно не в браузере.

В общем идея просто превосходная, но работает далеко не всё, а то что работает — отображается по разному в разных браузерах. Есть над чем работать. Желаю успехов в развитии, спасибо за работу!

@xbreaker 11 авг 2012 в 22:30

В Plusstrap правка коснулась только CSS-кода, JS-код я не трогал :).

@ArhMax 11 авг 2012 в 22:50

К сожалению, моему большому сожалению, видимо правка оригинального Twitter Bootstrap прошла неудачно и вы поломали CSS. Ничего не утверждаю, может и не вы виноваты, но часть когда не рабочая. Сейчас проверил в IE9 к примеру те же Javascript plugins — Buttons, но только в Twitter Bootstrap, там всё работает хорошо.

Тут в комментах прочитал, что вы переделывали старую ветку, может быть в этом проблема…

@xbreaker 11 авг 2012 в 22:59

Да, проверил у себя — вижу проблему, погляжу в чем причина такого поведения, возможно я где-то забыл учесть классы .focus и .active, а использовал только псевдоклассы.

@xbreaker 12 авг 2012 в 14:00

Проблему нашел и исправил, так что в следующей версии должно быть нормально, спасибо за найденную ошибку :)

@ArhMax 12 авг 2012 в 17:34

А когда будет следующая? :-)

@xbreaker 12 авг 2012 в 17:36

Как закончу less, следить можно в отдельной ветке

@andycaramba 12 авг 2012 в 00:38

Огромное спасибо. Очень нравится.
Только у вас похоже обычный css от минимизированного отличается. Скачивал с github.
В минимизированном у progid:dximagetransform.microsoft.gradient некоторые цвета выставленны трёхзначным hex. Например для .navbar-inner. И в IE9 градиент на навбаре получается синим. Пришлось отредактировать до шестизначных значений и всё заработало как надо.
В обычном css только для .btn-inverse параметр startColorStr выставлен в #555.