タグ

2011年1月13日のブックマーク (1件)

  • CSSスプライト実装が誰でも簡単にできるツール「Spritebox」:phpspot開発日誌

    Spritebox - Create CSS from Sprite Images CSSスプライト実装が誰でも簡単にできるツール「Spritebox」 複数枚の画像を1枚にして、HTTPのコネクション数を下げてページ表示速度を上げてくれるCSSスプライト。 なんだかメンドクサイ、という方にもこのツールがあればWYSIWYGで画像が取れてしまうので楽ちんです。 流れとしては、画像をアップロードして、表示したい画像の領域をドラッグ&ドロップで選択するだけで、その領域を表示するためのCSSを出してくれるというもの。 まずは画像アップロード アップされた画像がキャンバス上に表示されるので、ドラッグ&ドロップで領域を選択。 プレビューウィンドウがプレビューを出してくれます。 Create CSS ボタンがあるのでクリックすればその部分のCSSを吐いてくれます。 関連エントリ CSSスプライトを使っ