データURI [CSS] Sprites 1.5-独自の自動CSSスプライトジェネレーター





クライアントの最適化に関する記事を読んでいる人は、データに基づいてCSSスプライトを作成する現代的なアプローチを知っています:uri technology。 指定されたアプローチには大きな利点があります。





記憶をリフレッシュしたり、以前の記事に精通したい人は誰でも記事を読むことができます



別の重要な更新が今夜公開されました:



  1. 多くのバグを見つけて修正しました
  2. _http://site.com/../image.png、_http://site.com/../../../image.pngなどのパス修正を追加-_http://site.com/と同等image.png
  3. マルチフィルター定義の正しい処理が追加されました。たとえば、フィルター:alpha(opacity = 50)progid:DXImageTransform.Microsoft.AlphaImageLoader(src = 'images / chart / buttons / prev.png'、sizingMethod = 'crop')
  4. IE8フィルターalphaimageloaderプロパティの標準形式での挿入を追加
  5. サファリメディア画面と(-webkit-min-device-pixel-ratio:0)に正しいCSSハック処理を追加
  6. ソーススクリプトをページに配置する順序で一連のスクリプトから結果のスクリプトを生成する手順が改善されました。
  7. HTMLコンプレッサーが追加されました
  8. 圧縮/最適化のパーセンテージ表示を追加
  9. duris属性の処理を追加:interal = "1 | true"-外部スクリプトを内部に変換し、外部の現在の場所に挿入します
  10. duris属性処理が追加されました:nomerge = "1 | true"-スクリプト/スタイルを他のスクリプト/スタイルと組み合わせて1つの結果のスクリプト/スタイルにすることを禁止します
  11. 結果をオンラインで表示する機能を追加しました
  12. Smush.Itサービスを介して画像の最適化を追加




項目9および10に関して、一般的な設定に関係なく特定のスクリプト/スタイルの処理をカスタマイズできる特別な属性が導入されました。 結果のファイルでは、これらの属性はクリアされ、欠落しています。



たとえば、外部スクリプト

<script style = "text / javascript" duris:interal = "1" src = "checkbrowser.js">

処理後、内部のものに変わります。



11ポイントは、個別の大きなアップデートであり、開発者への贈り物です。 サイトを処理した結果を、いわば「キャッシュデスクを離れずに」表示できるようになりました。 オンラインで視聴するには、登録する必要があります。 Googleサービス(@ gmail.com)のアカウント所有者、Yahoo! (@ yahoo.com)、Yandex(@ yandex.ru)は登録できません。システムはこれらのアカウントでのログインをサポートします。



私たちのサービスの完璧な仕事であなたを喜ばせることができるように、私たちはまだいくつかの欠点、bazhkiがあると思います。 興味のある提案やコメントがある場合は、それらを聞いて話し合います。



duris.ru



All Articles