Photoshop不要！ ブラウザにPSDを重ねてコーディングする方法 - LCL Engineers' Blog
フロントエンドエンジニアの岡田です。 弊社ではデザイナーとフロントエンドエンジニアで分業をしていることもあり、HTML/CSSコーディングの際にはデザインカンプ（PSD）にスクリーンショットを重ねて確認しています。 ですが、この作業、少し面倒ですよね… 今回、LayerXとBrowserSyncを導入して少しだけ快適になったので紹介します。 今までの確認方法 スクリーンショットをクリップボードへコピー（Macなら⌘ + shift + 4 + control） スクリーンショットをPhotoshopへペーストして、不透明度を50%へ設定（もしくはレイヤーモードを「差の絶対値」に設定） ペーストしたレイヤーをPSD上で上下左右に動かしながら、ずれているピクセル数を計算してCSSへ反映 ブラウザをリロード 1〜4の繰り返し… 上記の3. の作業でPSDとスクリーンショットの位置を揃えるのも面倒
MacRabbit was here
Here hopped MacRabbit. Makers of some damn good software. Apps that shone bright and some that never saw the light. Norbert the magical rabbit was never real, but the magic was. Espresso and CSSEdit acquired by, alive and kicking at Kangacode Fifteen Crazy Years: A Toast to Life What a wild space carrot ride... Thanks for all the memories, lovely people. Signing off, Jan (this guy, also on Twitter
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
