SpritepadでのCSSスプライトの調理



スプライトを作成する頻度:

1)PSDから個々の要素を選択して、スプライトにグループ化します。
2)スプライト要素の座標を正確に見つけるには、レイアウトデザイナーのルーラーのグリッドを描画します。
3)そしてalt + tabを使用して、cssの座標を書き換えます。

はい、誰もがわずかに異なるプロセスを持っているかもしれません。 Googleサービスを使用して、すべてのカードをスプライトにグループ化できますが、それほど柔軟ではありません。

スプライトを使用してレイアウトプロセスを簡素化するためのもう1つのステップは、ドイツの愛好家によってSpritepadプロジェクトで「We are kiss」によって提供されます。

1)PSDからpng24に必要なものをすべて切り取り、ブラウザーに順番にドロップします。
2)配置し、右側に完成したcss-kuを取得します。そのクラスは、ブラウザーにスローされたファイルの名前に基づいて生成されます。

Source: https://habr.com/ru/post/J139914/


All Articles