Кнопки Google без изображения - PullRequest
90 голосов
/ 06 февраля 2009

Недавно было несколько статей о новых кнопках Google без изображения:

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

Если бы я хотел свернуть свой собственный пакет кнопок, как это, используя JQuery / XHTML / CSS, какие элементы я мог бы использовать? Мои первые мысли:

  1. Стандарт <input type="button"> с css для улучшения внешнего вида (в статье о дизайне говорилось в основном о css / imges.)

  2. Jquery javascript для вызова настраиваемого диалога с корнем в кнопке на событии «onclick», в котором были бы теги <a> и панель поиска для фильтрации? Разумная ли таблица для этого всплывающего окна?

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

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

Ответы [ 11 ]

0 голосов
/ 30 декабря 2009

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

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

...