タグ

スプライトに関するkurumiru93のブックマーク (1)

  • CSSスプライト書き出し機能の使い方 | ADC - Adobe Developer Connection

    CSSスプライト」とは、複数の画像を1枚の画像ファイルにまとめ、表示の際にCSSでクリップ位置をずらすテクニックです。これにより、通信回数を減らし描画速度を上げることができます。既に定番化したテクニックですが、これまでFireworksをはじめとするデザイン用のソフトウェアには、直接CSSスプライト用の画像&CSSを生成する機能はありませんでした(生成をサポートする拡張機能Webサービスは存在しました)。 Fireworks CS6には、CSSスプライト用の画像&CSSを生成する機能が追加されました。記事では、この機能の使い方から、書き出した素材を使ってDreamweaverでマークアップするまでを解説します。 CSSスプライトの作り方を簡単に説明すると次の流れになります。 CSSスプライトでまとめたい画像を作成、もしくは、既にある画像からピックアップする。 Fireworks上で集

  • 1