デザインデータに忠実にCSSコーディングするためのテクニック - ZOZO TECH BLOG

テクノロジーカテゴリーの変更を依頼記事元:

techblog.zozo.com

17users がブックマークコメント

コメント

0

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

デザインデータに忠実にCSSコーディングするためのテクニック - ZOZO TECH BLOG

こんにちは、Webフロントエンドエンジニアの権守です。フロントエンドエンジニアの皆さんは、リリース... こんにちは、Webフロントエンドエンジニアの権守です。フロントエンドエンジニアの皆さんは、リリース前の社内QAにてデザイナーにピクセルのずれを指摘されて修正したという経験があるのではないでしょうか。今回はiQONのPC・スマホサイトを構築する上で、デザインデータに忠実なCSSコーディングをどのように実現しているかを紹介します。ツールの利用 PerfectPixel 既に利用されている方も多いかもしれませんが、デザインとのピクセルずれの確認にはPerfectPixelがオススメです。 PerfectPixelは、画像を透過して重ねることでデザインとのずれを確認できるブラウザ拡張です。シンプルですが、透過率の設定や画像の拡大縮小、オフセットの設定など必要な機能をしっかりと備えており、使いやすいです。複数のブラウザ（Chrome, Firefox, IE, Safari, Opera）で提

あとで読む

ブックマークしたユーザー

pc-bohemian2017/09/21
ayaniimi2132017/02/08
yuyhiraka2017/02/07
japanitnt2017/02/06
tororo_z2017/02/06
jwmx2017/02/04
hikaru5152017/02/04
ytsk2017/02/04
hi_igu2017/02/03
l080842017/02/03
Hiro_Matsuno2017/02/03
joe00002017/02/03
arara_jp2017/02/03

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

いま人気の記事 - 企業メディア

企業メディアをもっと読む

設定を変更しましたx