テクニックPhotoshopのデザインから画像を書き出したら、なんか1pxズレる問題の対策方法
Photoshopから書き出した画像が1pxズレる場合の原因と対策を紹介します。デザイン内の表示位置を確認し、書き出し前に調整するポイントを解説します。
タグ: デザイン
テクニック
ツール【初心者でもわかる】font-familyの正しいつけ方・ツールも紹介
font-familyで複数のフォントを指定する方法を解説します。端末によるフォントの違い、デザインに使われた書体への対応、指定に便利なツールを紹介します。
コーディング【初心者でもわかる】line-heightのせいでデザインを崩さないためのコーディング方法
line-heightが文字の周囲の余白に与える影響を解説します。デザインと実装の間隔がズレる理由を整理し、行の高さを考慮してコーディングする方法を紹介します。
コーディング【初心者でもわかる】デザインからコーディングする時の考え方（実践例あり）
デザインをHTMLの構造に分解し、CSSで配置を組み立てる考え方を紹介します。実際のデザイン例を使って、サイズや背景、要素の位置を決める手順を解説します。