私は共通の理解の問題を抱えており、前進するための最良の方法が何であるかが明確ではありません. そこで、コミュニティにアドバイスを求めることにしました。
jQuery UI は、クラス「ui-icon」と、テスト ページで確認できるさまざまな標準アイコン (合計 320 個のアイコン)の多くの特定のクラスを含むCSS フレームワークを定義します。CSS フレームワークを使用しているプラグイン、Web サイトなどはたくさんあります。たとえば、jqGrid Pluging はそれを使用します。jqGrid によって作成されるグリッドには、アイコンが含まれています。
一部のjQuery UIアイコンの代わりにFont Awesomeアイコンの使用についての回答を書いた後、私は定期的に同じ質問をしています.なぜjQuery UI CSSフレームワークはベクターベースのアイコンではなくラスターアイコンを持っているのですか? 私の意見では、jQuery UI CSS フレームワークのアイコン部分を別の方法で実装することは非常に実用的です。その場合、jQuery UI テーマを置き換えて、より良い方法で実装されたアイコンを使用することができます。
私たちは今、高 DPI のモニター (タブレット PC やスマートフォンのイベント) の時代に生きています。非常に多くの人が、Web ブラウザーの標準設定として 100% までのズーム設定を使用しています。あるものと比較
すると、
違いが非常に明確にわかります。
現在のバージョンの Web ブラウザー (古い IE7 を含む) は、WOFF、EOT、TTF、OTF、SVG のいずれかの形式のベクター ベースの Web フォントをサポートしています。フォントは、W3C Working Draft ドキュメント「CSS Fonts Module Level 3」の一部です ( http://www.w3.org/TR/css3-fonts/#src-descを参照)。
では、なぜ jQuery UI の現在の PNG アイコンを Web フォントの代替物に置き換えないのでしょうか? 多くの無料のオープン ソース フォントが既に提供されており (ここ、ここ、ここ、ここなどを参照)、必要なアイコンのほとんど (すべてではない) を提供しています。
Web フォントを使用するもう 1 つの利点は、jQuery UI テーマの作成が簡単になることです。Base Theme 内で使用されている画像ui-icons_XXX_256x240.pngを比較するか、別のテーマの対応する画像と比較すると、画像で使用されている色が唯一の違いであることがわかります。ベクター フォントを使用する場合は、 を指定するかcolor、またはCSS スタイルをbackground-color使用して、色を変更したり、素敵な色効果を生成したりできます。linear-gradientradial-gradient
ベクター アイコンの使用には多くのメリットがありますが、ベクター アイコンの機能リクエストを送信できる適切な場所が今まで見つかりませんでした。機能リクエストとこれを投稿しましたが、ここで一般的な jQuery UI フレームワークの問題がますます増えていると思います。
IE 6/7/8 のサポートを終了する jQuery 2.0 のリリース後、ラスター ベースの PNG アイコンをベクター ベースの Web フォントに置き換えることを検討する時期ではありませんか?
おそらく、ベクターベースの Web フォントを使用することのいくつかの重要な欠点を見逃していますか? たとえば、非常に悪いパフォーマンス (今まで見たことがない) やその他のことはありますか? 必要なアイコンをすべて作成するのは複雑すぎませんか? 他に問題はありますか？
私が見ている問題に他の人々の注意を引くために質問をすることにしました。残念ながら、コミュニティからの対応するフィードバックがなければ、私の機能リクエストは何の影響もありません。
そのような機能リクエストを配置するのに最適な方法はどれですか? フォントや画像を作成することは、私が得意な分野ではないことを付け加えておきます。そのため、私自身は実装に参加できません。ごめん。
テーマに関するアドバイスやご意見をお待ちしております。