沢山の情報を見やすくする3カラムレイアウト ブログなどで多用されているパターンで、コンテンツ・情報量が多い場合に利用したいレイアウト。マルチカラム構築のまとめとしていくつかの方法を紹介する。 まずは、floatプロパティを使った3カラム ...

＜コンセプト＞PC＆モバイルサイトデザインの基礎力とHTML・CSSコーディングの知識が1冊で同時に身につく！ ウェブ制作を仕事にするならHTMLとCSSを学ぶことから始めますが、本書は体系立てた文法学習よりも、まずは「コーディングとはどのような作業なの ...

＜コンセプト＞PC＆モバイルサイトデザインの基礎力とHTML・ CSSコーディングの知識が1冊で同時に身につく！ ウェブ制作を仕事にするならHTMLとCSSを学ぶことから始めますが， 本書は体系立てた文法学習よりも， まずは「コーディングとはどのような作業な ...

スマートフォンの小さな画面では1カラムレイアウトが基本になる。画面の幅によって伸び縮みするタイトル画像やボタンの作例を通して、仕組みから作り方を理解・習得しよう。 まず初めにタイトル画像を作る。 img要素を画面の幅によって伸び縮みさせる ...