Pull to refresh

Comments 91

UFO just landed and posted this here
Спасибо за пояснение, странно, что они его не используют повсеместно.
Используют. Вы попробуйте покопаться в гугловских js — много напрочь обфусцировано.
Я когда писал парсер и привязывался к именам класса — матерился. У них каждую неделю менялись названия. Тогда я просто привязался к названиям и тегам.
Вот оно, начало темирования Bootstrap!
Симпатично получилось, беру в закладки на гитхабе.
тоже добавил в закладки на гитхабе, если будет нормально развиваться, то буду пользоваться, твиттер бутстрапом пользуюсь повсеместно.
UFO just landed and posted this here
UFO just landed and posted this here
Весь интерфейс гуглопочты собирается один раз в момент смены темы, включения/выключения фишек, апдейта кода для каждого юзера отдельно и лежит в виде одного большого куска.
это было бы очень глупо :)
скорее для каждой комбинации темы и включенных настроек, которые меняют css/js
Это не глупо, когда у вас более 140 миллионов пользователей, которые в основном используют веб-интерфейс.
И я это не выдумал, они об этом сами писали после одного из падений гуглопочты.
Это глупо, когда у вас более 140 миллионов пользователей и css/js в таком случае будут часто дублироваться
Файлы можно сохранять под именем, которое состоит из их crc для отсечения дублей. Например.
я про это и написал в первом комментарии-ответе :)
Тогда, думаю, надо срочно написать в гугл, а то сидят там у себя, и не знают, что фигню какую-то сделали.
А они не сделали так, как вы написали, потому что это глупо.
Зачем столько злости? Предлагаю на этом закончить дискуссию :)
Было бы хорошо, если бы была less версия, которую можно просто подключить к существующему будстрапу у себя в проекте.
Хорошо, впереди как раз выходные, поэтому постараюсь сделать и в 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 тона — только они совпадают.
Если дела будут плохи, нужно будет просто максимально широко осветить ситуацию и это будет выглядеть так, как в одном месте гугл плачет, что злой оракл патентует API, а сами в другом примерно по таким же причинам прижимают проект.
А счастье было так близко…
Ну тогда скачиваем, пока не поздно! ;)
Кстати, гугл запрещает использовать свои элементы интерфейса на чужих сайтах.
Я зашёл в комментарии увидеть этот комментарий.
Да, весьма забавно. Бутстрап использую везде, потому что «фронтендщик» из меня слабый, так что и Plusstrap от меня не убежит)
Запасаюсь попкормом нажимая Watch и Star на гитхабе.
подсказки и прогресс бары очень симпотишно вышли
Выглядит действительно хорошо. Правда есть маленькое замечание по поводу шрифтов на кнопках.
C bold'ом:
image
Без:
image
Действительно, на моем компьютере разница не столь значительна. А можно узнать браузер и ось?
Извиняюсь, что сразу не написал: mac osx 10.8 & chrome 22.0.1229.2 dev.
Поможет -webkit-font-smoothing: antialiased; установленный для body, например.
Возможно, у вас нету данного шрифта в жирном начертании, и браузер пытается его сделать сам?

Где-то тут статья по этому поводу была…
Хм, мне Plusstrap больше нравится, продолжайте в том же духе ;-)
«У Twitter есть Bootstrap, а есть ли аналогичное у Google?» — таким вопросом я задался буквально пару дней назад и стал искать. Результатами поиска был расстроен, а переделать Bootstrap и в мыслях не было.
xbreaker, жру руку!
Нет уж, жрите уже! )
Спасибо. Видимо нас посетили одинаковые мысли, просто мои пошли чуть дальше :).
Фу, выплюньте…
//не удержался
xD
> жру руку
Про таких говорят: «дай ему палец — а он всю руку откусит».
Про таких говорят: «не грызи ногти»
Вот спасибо, добрый человек, теперь можно не допиливать свой велосипед, а взять твой.
Теперь кто-нибудь бы фейсбуковский стиль в бутстрапе следал — и можно считать, что жизнь удалась.
Не, это первая и не очень удачная попытка.
Под первый бутстрап, кнопки не те (вот те — nicolasgallagher.com/lab/css3-facebook-buttons/), типографика неряшливая, выпадающие списки не родные. Сделано слишком в лоб.
Отличная вещь! Автору огромное спасибо
UFO just landed and posted this here
Я, честно говоря, сначала думал, что это просто пятничный юмор такой, как iTerm2 на первое апреля, а оказалось, что всё настоящее :)! Добавьте в начало ссылку прямо на github, мне кажется будет понятнее, что проект реальный :).
Добавил, судя по количеству посещений ссылки в конце статьи — многие и так догадались, что проект реальный :)
Если будете делать версию на less, предлагаю делать по примеру тем bootswatch.com/, где одним .less файлом перекрываются все нужные стили.
Если делать одним, то тогда нельзя будет выбирать только нужные блоки, как у Twitter Bootstrap, или я путаю?
Блоки можно будет выбрать из самого бутстрапа. А в теме просто закомментировать все лишнее. А если делать свою сборку бутстрапа, то не получится использовать ее в уже существующих модифицированных версиях фреймворка.
Я и планировал ее как сборку с нуля, а не тему для бутстрап, но Ваша идея мне тоже нравится — ее можно реализовать в отдельной ветке, думаю свои поклонники такого подхода тоже найдутся.
А сколько времени потратил?
Идея и реализация очень понравились. Думаю, многие согласятся, что кастомизация нужна.
Спасибо!
Хотелось бы гем для Rails. А так — отличная работа, мне понравилось даже больше чем оригинальный Bootstrap.
Да, посыпаю голову пеплом :). Эту ветку я увидел только сегодня с утра, хочу с подготовкой less версии перейти на 2.1.0 в качестве основы.
UFO just landed and posted this here
UFO just landed and posted this here
xbreaker ни в коем случае не бросайте свою сборку.
Очень понравилось, даже больше чем оригинал. Если Google реально не выпустит свой вариант **strap, ваша будет очень популярной.
А вашу буду использовать в своих проектах.
Но как уже сказали, хочется иметь актуальную версию, так что ждем обновлений.
Спасибо за труд!
image
В нескольких проектах использовал оформление в стиле Г+ и для ускорения разработки брал этот набор code.shrapp.nl/google-plus-ui-buttons/demo.html
Где-то в глубинах подсознания мелькала мысль, что было бы круто сделать бустрап в стиле гугла, но так и осталась там мелькать.
Теперь воспользуюсь вашим форком.
Может вы попробуете объединить со своим фреймфорком гуглокнопки, о которых я писал вначале?
В любом случае большое спасибо. Продолжайте в том же духе.
Да, обязательно посмотрю вашу ссылку, первое впечатление положительное :).
Спасибо!
Очень красиво.
Кстати, а вы не планируете изменять внешний вид Select List?
image
На мой взгляд, как-то «старомодно» выглядит.

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

В общем идея просто превосходная, но работает далеко не всё, а то что работает — отображается по разному в разных браузерах. Есть над чем работать. Желаю успехов в развитии, спасибо за работу!
В Plusstrap правка коснулась только CSS-кода, JS-код я не трогал :).
К сожалению, моему большому сожалению, видимо правка оригинального Twitter Bootstrap прошла неудачно и вы поломали CSS. Ничего не утверждаю, может и не вы виноваты, но часть когда не рабочая. Сейчас проверил в IE9 к примеру те же Javascript plugins — Buttons, но только в Twitter Bootstrap, там всё работает хорошо.

Тут в комментах прочитал, что вы переделывали старую ветку, может быть в этом проблема…
Да, проверил у себя — вижу проблему, погляжу в чем причина такого поведения, возможно я где-то забыл учесть классы .focus и .active, а использовал только псевдоклассы.
Проблему нашел и исправил, так что в следующей версии должно быть нормально, спасибо за найденную ошибку :)
А когда будет следующая? :-)
Огромное спасибо. Очень нравится.
Только у вас похоже обычный css от минимизированного отличается. Скачивал с github.
В минимизированном у progid:dximagetransform.microsoft.gradient некоторые цвета выставленны трёхзначным hex. Например для .navbar-inner. И в IE9 градиент на навбаре получается синим. Пришлось отредактировать до шестизначных значений и всё заработало как надо.
В обычном css только для .btn-inverse параметр startColorStr выставлен в #555.
Да, походу перехода на версию CSS 2.1.0 я уже нашел около десятка мелких ошибок, надеюсь, что все они будут исправлены.
Классно иллюстрации к статье оформил! Информативно и красиво!
Кошмар верстальщика: если бы Bootstrap сделала Microsoft.
Не забыл, а не стал — нечем поправить B на P :)
Для подписанных на комментарии — обновил Plusstrap до версии 0.1.0, теперь с less, кто найдет ошибки — пишите :).
Sign up to leave a comment.

Articles