Комментарии 91
Спасибо за пояснение, странно, что они его не используют повсеместно.
Вот оно, начало темирования Bootstrap!
Симпатично получилось, беру в закладки на гитхабе.
Весь интерфейс гуглопочты собирается один раз в момент смены темы, включения/выключения фишек, апдейта кода для каждого юзера отдельно и лежит в виде одного большого куска.
это было бы очень глупо :)
скорее для каждой комбинации темы и включенных настроек, которые меняют css/js
скорее для каждой комбинации темы и включенных настроек, которые меняют css/js
Это не глупо, когда у вас более 140 миллионов пользователей, которые в основном используют веб-интерфейс.
И я это не выдумал, они об этом сами писали после одного из падений гуглопочты.
И я это не выдумал, они об этом сами писали после одного из падений гуглопочты.
Это глупо, когда у вас более 140 миллионов пользователей и css/js в таком случае будут часто дублироваться
Файлы можно сохранять под именем, которое состоит из их crc для отсечения дублей. Например.
Тогда, думаю, надо срочно написать в гугл, а то сидят там у себя, и не знают, что фигню какую-то сделали.
Было бы хорошо, если бы была less версия, которую можно просто подключить к существующему будстрапу у себя в проекте.
теже яйца, только в профиль :)
Кстати, гугл запрещает использовать свои элементы интерфейса на чужих сайтах.
Свои в плане скопированные в виде кода? или в плане выглядящие как ихние?
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
Элементы используемые корпорацией добра не являются уникальными и аналогичные элементы были и до начала использования их гуглом, лет наверное за 5-7. Так что предъявлять притенении на схожую стилистику гугл не может.
Если дела будут совсем плохи, то я поменяю цвета кнопок на 1-2 тона — только они совпадают.
А счастье было так близко…
Ну тогда скачиваем, пока не поздно! ;)
Кстати, гугл запрещает использовать свои элементы интерфейса на чужих сайтах.Я зашёл в комментарии увидеть этот комментарий.
Да, весьма забавно. Бутстрап использую везде, потому что «фронтендщик» из меня слабый, так что и Plusstrap от меня не убежит)
Запасаюсь попкормом нажимая Watch и Star на гитхабе.
подсказки и прогресс бары очень симпотишно вышли
Выглядит действительно хорошо. Правда есть маленькое замечание по поводу шрифтов на кнопках.
C bold'ом:

Без:

C bold'ом:

Без:

Хм, мне Plusstrap больше нравится, продолжайте в том же духе ;-)
«У Twitter есть Bootstrap, а есть ли аналогичное у Google?» — таким вопросом я задался буквально пару дней назад и стал искать. Результатами поиска был расстроен, а переделать Bootstrap и в мыслях не было.
xbreaker, жру руку!
xbreaker, жру руку!
Вот спасибо, добрый человек, теперь можно не допиливать свой велосипед, а взять твой.
Теперь кто-нибудь бы фейсбуковский стиль в бутстрапе следал — и можно считать, что жизнь удалась.
Теперь кто-нибудь бы фейсбуковский стиль в бутстрапе следал — и можно считать, что жизнь удалась.
Не, это первая и не очень удачная попытка.
Под первый бутстрап, кнопки не те (вот те — nicolasgallagher.com/lab/css3-facebook-buttons/), типографика неряшливая, выпадающие списки не родные. Сделано слишком в лоб.
Под первый бутстрап, кнопки не те (вот те — nicolasgallagher.com/lab/css3-facebook-buttons/), типографика неряшливая, выпадающие списки не родные. Сделано слишком в лоб.
Отличная вещь! Автору огромное спасибо
Я, честно говоря, сначала думал, что это просто пятничный юмор такой, как iTerm2 на первое апреля, а оказалось, что всё настоящее :)! Добавьте в начало ссылку прямо на github, мне кажется будет понятнее, что проект реальный :).
Если будете делать версию на less, предлагаю делать по примеру тем bootswatch.com/, где одним .less файлом перекрываются все нужные стили.
Если делать одним, то тогда нельзя будет выбирать только нужные блоки, как у Twitter Bootstrap, или я путаю?
Блоки можно будет выбрать из самого бутстрапа. А в теме просто закомментировать все лишнее. А если делать свою сборку бутстрапа, то не получится использовать ее в уже существующих модифицированных версиях фреймворка.
А сколько времени потратил?
Идея и реализация очень понравились. Думаю, многие согласятся, что кастомизация нужна.
Спасибо!
Спасибо!
Хотелось бы гем для Rails. А так — отличная работа, мне понравилось даже больше чем оригинальный Bootstrap.
Интересно, почему за основу Вы взяли не самую последнюю версию? Обновлять-же труднее будет.
github.com/twitter/bootstrap/tree/2.1.0-wip
github.com/twitter/bootstrap/tree/2.1.0-wip
xbreaker ни в коем случае не бросайте свою сборку.
Очень понравилось, даже больше чем оригинал. Если Google реально не выпустит свой вариант **strap, ваша будет очень популярной.
А вашу буду использовать в своих проектах.
Но как уже сказали, хочется иметь актуальную версию, так что ждем обновлений.
Спасибо за труд!

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

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

На мой взгляд, как-то «старомодно» выглядит.
Очень красиво.
Кстати, а вы не планируете изменять внешний вид Select List?

На мой взгляд, как-то «старомодно» выглядит.
Очень классно, огромное спасибо за труд. Вот бы вы еще совместили свое творение с обозначенными выше кнопочками было бы вообще заглядение.
Пару часов поюзал и к сожалению радость пропала. Тестировал в разных версиях IE. Часть функций работает не до конца (один из примеров: demo Modal диалог просто отображается, а не выплывает красиво как в Firefox), а часть вообще не работает. Каково было мое удивление увидеть неработающим целый раздел
Javascript plugins — Buttons ни где-то, а в современном IE9. Заменить фон у кнопки дело нехитрое, так что проблемы явно не в браузере.
В общем идея просто превосходная, но работает далеко не всё, а то что работает — отображается по разному в разных браузерах. Есть над чем работать. Желаю успехов в развитии, спасибо за работу!
Javascript plugins — Buttons ни где-то, а в современном IE9. Заменить фон у кнопки дело нехитрое, так что проблемы явно не в браузере.
В общем идея просто превосходная, но работает далеко не всё, а то что работает — отображается по разному в разных браузерах. Есть над чем работать. Желаю успехов в развитии, спасибо за работу!
В Plusstrap правка коснулась только CSS-кода, JS-код я не трогал :).
К сожалению, моему большому сожалению, видимо правка оригинального Twitter Bootstrap прошла неудачно и вы поломали CSS. Ничего не утверждаю, может и не вы виноваты, но часть когда не рабочая. Сейчас проверил в IE9 к примеру те же Javascript plugins — Buttons, но только в Twitter Bootstrap, там всё работает хорошо.
Тут в комментах прочитал, что вы переделывали старую ветку, может быть в этом проблема…
Тут в комментах прочитал, что вы переделывали старую ветку, может быть в этом проблема…
Огромное спасибо. Очень нравится.
Только у вас похоже обычный css от минимизированного отличается. Скачивал с github.
В минимизированном у progid:dximagetransform.microsoft.gradient некоторые цвета выставленны трёхзначным hex. Например для .navbar-inner. И в IE9 градиент на навбаре получается синим. Пришлось отредактировать до шестизначных значений и всё заработало как надо.
В обычном css только для .btn-inverse параметр startColorStr выставлен в #555.
Только у вас похоже обычный css от минимизированного отличается. Скачивал с github.
В минимизированном у progid:dximagetransform.microsoft.gradient некоторые цвета выставленны трёхзначным hex. Например для .navbar-inner. И в IE9 градиент на навбаре получается синим. Пришлось отредактировать до шестизначных значений и всё заработало как надо.
В обычном css только для .btn-inverse параметр startColorStr выставлен в #555.
Спасибо, я давно ждал такую штуку.
Классно иллюстрации к статье оформил! Информативно и красиво!
Кошмар верстальщика: если бы Bootstrap сделала Microsoft.
favicon забыли поменять :)
Для подписанных на комментарии — обновил Plusstrap до версии 0.1.0, теперь с less, кто найдет ошибки — пишите :).
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Что если бы Google выпустил свой Bootstrap?