タグ

CSSとJSXに関するkazrooのブックマーク (2)

  • HTMLの基本構成まだ自分で0からしてるの?PhotoShopからHTMLとCSSを直接書き出す方法

    映像制作会社CUBELiCトップ>テクニカルブログ>Photoshop>HTMLの基構成まだ自分で0からしてるの?PhotoShopからHTMLCSSを直接書き出す方法 HTMLの基構成まだ自分で0からしてるの?PhotoShopからHTMLCSSを直接書き出す方法 僕は、HTMLのコーディングをするときにDreamweaverを使って作業するのですが、 普通、photoshopやイラレのデータでページのデザインを受け取り、それをWeb用に書き出して位置を調整しつつコーディング ・・・という感じで結構大変なんですよね。このコーディング、Photoshopから直接できないものか・・・と前から考えていました。 調べてみると、ありました!みんな考える事同じようだ・・・(笑) なんと!PhotoShopの機能をフルに活用すればHTMLCSSの書き出しまで、全て自動ですることが可能なんです

    kazroo
    kazroo 2016/10/22
    ※ コレ使ってみよう!
  • PhotoShopのレイヤーから画像とHTMLとCSSを出力するJSX | KnockKnock

    久しぶりの更新になります。今回はWebGLから離れて、仕事の効率化に関してのネタになります。 以前ですが、PhotoShopをFlashに読み込む(インポートする)JSXとJSFLという記事を投稿しましたが、今回はPhotoShopから画像とHTMLCSSを出力するJSXを作りました。 PhotoShopから画像を出力するツールとしてはMacではSlicyが有名ですが、画像出力に関しては似たようなイメージです。 ちなみにJSXとは、Photoshopを制御するJavaScriptAPIを実行するためのJavaScriptファイルの事をいいます。拡張子は.jsxです。 詳しく知りたい方向けに、参考にさせて頂いたサイトをピックアップしました。 Adobe Photoshop Scripting Adobe公式のドキュメント API Documentation(com.adobe.photos

    PhotoShopのレイヤーから画像とHTMLとCSSを出力するJSX | KnockKnock
  • 1