Adobe Creative Cloud アセットでPSD画像をスライスし、テキストのCSS情報を取得しよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Adobe Creative Cloud アセットでPSD画像をスライスし、テキストのCSS情報を取得しよう こんにちは。まろCです。 雪がふりました。積もりはしませんでしたが。 そうですね、何かに例えるなら、白雪姫でした。 コーディングするとき、一番と言っていいほど時間がかかる箇所があります。それはPSDデータとのにらめっこです。 Fireworks派だった僕はLIGに入社して初めてPhotohopを触っているのですが、画像を切り出したり、テキストのサイズや行間を見て要素間のマージンを測ったりと、作業がいちいち面倒で時間がかかっていました。 しかし、なんと体感で6000倍ぐらい効率化してくれるWebツールがAdobeにあったのです。それがCreative Cloud アセットです Creative Cloud アセットとは https://assets.adobe.com/ ひとことで言
PSDデザインカンプのスライス不要！DreamweaverでのHTML/CSSコーディングを爆速化する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
PSDデザインカンプのスライス不要！DreamweaverでのHTML/CSSコーディングを爆速化する方法 こんにちは、デザイナーの佐藤タカアキ（@sato_tkaaki）です。 僕の主な業務は、Webや紙などのさまざまなものをデザインしていくことなのですが、最近は今まで以上にマルチな動きを求められるようになりました。 何事もそうですが、自分自身が次のステップにいくためには、今までと同じ時間の使い方をしていたらいけません。 つまりは「効率化」することが必須になるわけです。 そこで今回は、アドビさんにお聞きした「WebデザイナーがDreamweaverのExtract機能を使って、PSDファイルから効率よくデザインする方法」をご紹介させていただきます。 そもそもExtract機能とは？ Dreamweaverは聞いたことあるけど、Extract機能ってなんぞ？！と、Extract機能を初めて
Adobe Creative Cloud Extract
在中国购买的 Creative Cloud 产品不含 CC 桌面应用程序中的 Creative Cloud 移动应用程序和在线服务及相关功能。 Note: The web-based Extract feature will be retired in March 2019. However, the Extract feature within the Photoshop and Dreamweaver desktop applications will remain available even after March 2019. For more information, see Creative Cloud Assets: Retiring Web-based Extract. Use Creative Cloud Extract to make the Photoshop des
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
A modern, open source code editor that understands web design
