タグ

ブックマーク / www.fu-studio.net (1)

  • Fireworks から position(top と left)の値が書かれた CSS を自動生成するスクリプト | FU-Studio

    最近の仕事で、大量のスライス画像を絶対配置しなければないことがあった。 座標を調べながら、手作業で CSS を書いていたのでは大変だから、CSS の座標の記述を自動的にしてくれるスクリプトを自作した。 「cssPositionGenerator.jsf」 使い方 Firewoks の PNG データを開き、座標を書き出したいオブジェクトをすべて選択 メニューバーの「コマンド」から「スクリプトを実行」を選択 当スクリプトを選択し、実行 ダイアログが出てくるので、入力窓に CSS でそれぞれのオブジェクトのセレクタとなる文字列を入力し「OK」 入力した文字列の末尾に「-(3ケタの連番)」がついたものがセレクタとなる 何も入力しなければ、スライス名やオブジェクト名から自動的に ID を作り、セレクタにする 窓内にコードの入ったダイアログが出てくるので、使用する CSS ファイルにコピー&ペースト

    web_designer
    web_designer 2013/04/19
    選択したスライスからpositionの値を生成
  • 1