У меня общая проблема с пониманием, и мне неясно, как лучше всего двигаться дальше. Поэтому я решил спросить совета у сообщества.
Пользовательский интерфейс jQuery определяет CSS Framework, который содержит класс "ui -icon "и множество специальных классов для различных стандартных значков (Всего 320 значков), который можно увидеть на тестовой странице.. Есть много плагинов, веб-сайтов и т. Д., Которые используют фреймворк CSS. Например, jqGrid используйте его. Сетка, которая будет создана jqGrid, содержит значки.
После написания ответа об использовании Значки Font Awesome вместо некоторых значки пользовательского интерфейса jQuery Я регулярно задаю себе один и тот же вопрос: почему В jQuery UI CSS framework есть растровые значки вместо векторных значков? На мой взгляд, было бы очень практично иметь другую реализацию части Icon в jQuery UI CSS Framework. В этом случае можно просто заменить тему пользовательского интерфейса jQuery и иметь значки, которые реализованы лучше.
Мы живем во времена мониторов с высоким DPI (мероприятие для планшетов и смартфонов). Очень многие люди используют настройку масштабирования выше 100% в качестве стандартной настройки в веб-браузере. Если сравнивать
с
можно будет увидеть различия очень четко.
Текущие версии веб-браузеров (включая старый IE7) поддерживают векторные веб-шрифты как минимум в одном из форматов WOFF, EOT, TTF, OTF или SVG. Шрифты являются частью рабочего проекта документа W3C «CSS Fonts Module Level 3» (см. http://www.w3.org/TR/css3-fonts/#src-desc).
Так почему бы не заменить текущие значки PNG в пользовательском интерфейсе jQuery на альтернативные веб-шрифты? Существует множество бесплатных шрифтов с открытым исходным кодом, которые уже предоставляются (см. здесь, здесь, здесь, здесь и т. д.) больше всего (но не все) иконки, которые нужны.
Дополнительным преимуществом использования веб-шрифтов, которое я вижу, будет упрощение создания тем пользовательского интерфейса jQuery. Если я сравниваю изображения ui-icons_XXX_256x240.png, используемые внутри базовой темы, или если я сравниваю их с соответствующими изображениями другой темы, я вижу цвет, используемый в изображениях, как единственную разницу между . В случае использования векторных шрифтов можно просто указать color
, background-color
или использовать linear-gradient
или radial-gradient
стили CSS для изменения цвета или создания приятных цветовых эффектов:
Я вижу много преимуществ в использовании векторных иконок, но до сих пор не нашел подходящего места, где можно было бы разместить запрос функции для векторных иконок. Я опубликовал запрос функции и this one, но я все больше думаю, что у нас здесь общая проблема jQuery UI Framework.
После выпуска jQuery 2.0, в котором прекращается поддержка IE 6/7/8. Не пора ли подумать о замене растровых иконок PNG на векторные веб-шрифты?
Возможно, я упустил некоторые важные недостатки использования векторных веб-шрифтов? Например, очень плохая производительность (которую я не видел до сих пор) или что-то еще? Не слишком ли сложно создать все необходимые значки? Есть ли другие проблемы?
Я решил задать вопрос, чтобы привлечь внимание других людей к проблеме, которую я вижу. Боюсь, что без соответствующей обратной связи от сообщества мой запрос функции не будет иметь никаких последствий.
Как лучше всего разместить такой запрос функции? Я должен добавить, что создание шрифтов или изображений - не та тема, в которой я сам хорош. Так что я сам не могу участвовать в реализации. Извините.
Любые советы или ваши мнения по теме приветствуются!