本日は…■モバイルファーストのレスポンシブサイトを制作する fontのショートハンド＞サイズ/line-height font-familyスマホ版データ ここを見本に後日制作。＜ポイント＞ ・display tableを使って横並びにしてやる方法がある →ulに対して指定してやる （disp…

本日は…■スマホサイト化継続 進捗としてはテキスト導入、背景の上に乗せる、など順調？＜色々参考サイト備忘録＞スマートフォンデザインまとめサイト | Clotilde Bistrot | thinkthingthinkthing.net梅花酵母 | 石見銀山の梅から授かった自然酵母www.umehana…

本日は…■レスポンシブデザイン メディアクエリ（前日参照）以外の方法 ①2カラムで片方だけ固定値にする場合… 1400pxだとこんなかんじに 980px以下でも写真のサイズは変わらない ⇨残したいカラムは常に固定値(写真では300px) 残っている部分を１００％、マイ…

本日は…■レスポンシブwebデザインについて →スマホで見ても見られる、というくらいのことから、スマホで見ても情報量が変わらないというレベルまで（正しくは後者）＜レスポンシブwebデザインの簡単な作り方＞ <meta name="viewport" content="width=device-width"> ①ヘッダーのメタタグにviewportの記述 @media </meta>…

本日は…■昨日のサイトのコーディングが終わったのでその紹介 イメージcafe 実際のページほぼカンプ通りにできあがり。文字にline-heightをつけるとmarginの計算で少し悩むなどの問題有り。 要練習。