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

Обсуждение этого ответа на вопрос "Как я могу использовать новую бессмысленную кнопку Google?" Подтвердил этот вопрос.

Google, похоже, думает, что по какой-то причине неважно что-то хорошее, но из приведенных комментариев я не вижу преимущества. Стоит ли ему отправлять десятки строк HTML и кто знает, сколько CSS для рендеринга этих бессмысленных кнопок, а не просто загружать другое изображение, особенно когда доступны такие методы, как CSS спрайты?

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

Ответы

Ответ 1

  • Локализация (проще перевести текст, чем изображения)
  • Skinning/themeing (проще изменить внешний вид и стиль с помощью одного CSS, чем создавать несколько изображений)
  • Доступность (читатели экрана могут правильно читать, масштабирование текста работает правильно)
  • Производительность (CSS является общим и поэтому загружается один раз с сервера)
  • Функциональность (проще развернуть кнопку с новыми элементами UX, такими как стрелка вниз, когда вам не нужно менять изображение целиком).

Btw, кнопка "imageless" может содержать изображение внутри визуального шаблона. Этот подход очень похож на подход XAML к шаблонам и стилю визуального дерева.

Ответ 2

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

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

Ответ 3

Это не так, потому что высота кнопки может отличаться (например, размер текста)?

Ответ 4

  • Загрузка страницы более плавная, поскольку никакие изображения не должны загружаться и появляться позже остальных

  • Текст кнопки также читается в случае, если кто-то не может читать/просматривать изображения, но у вас есть графический вид. (создание графической кнопки с изображениями традиционным способом вокруг реального текста является сложным HTML как этот метод)

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

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