ゼロから始めるレスポンシブWebデザイン入門
スマートフォンやタブレット、PCなどあらゆるデバイスに対応する制作手法として注目されている「レスポンシブWebデザイン」。レスポンシブWebデザインの概念からサイト制作の基本まで、菊池 崇氏が解説します。
2012年07月17日 13時38分更新
-
第7回 2012年07月17日 13時38分WebPro
フルードグリッドとレスポンシブWebデザインの完成
レスポンシブWebデザインの基礎をチュートリアルで学ぶ入門連載。フルードグリッドを導入してサンプルサイトを完成させよう。
-
第6回 2012年07月09日 11時35分WebPro
メディアクエリーの設定とグリッドデザインの導入
レスポンシブWebデザインの基礎をチュートリアルで学ぶ連載。メディアクエリーを使ってCSSを切り替え、グリッドデザインの考え方を導入する。
-
第5回 2012年07月02日 11時00分WebPro
CSSでスマートフォンでも見やすくスタイリング
レスポンシブWebデザインによるサイト制作の基本を学ぶ連載。今回はヘッダー、メインコンテンツ、フッターなどの各領域のCSSを設定して見栄えを整えてこう。
-
第4回 2012年06月26日 11時00分WebPro
フルードイメージの導入とタイポグラフィの設定
レスポンシブWebデザインに必要な技術的な要素「フルード・イメージ」を導入し、読みやすさに考慮して文字サイズを決定しよう。
-
第3回 2012年06月19日 10時00分WebPro
HTMLの用意とリセットCSSの作成
レスポンシブWebデザインによるサイト制作入門。ページの基本となるHTMLを用意し、CSSの初期設定を記述しよう。
-
第2回 2012年06月11日 11時00分WebPro
レスポンシブWebデザインのワークフローと画面設計
レスポンシブWebデザインによるWebサイト制作の流れを理解し、サイト制作に必要な画面設計と下準備を始めよう。
-
第1回 2012年06月04日 11時00分WebPro
レスポンシブWebデザインとは
スマートフォンやタブレット、PCなどあらゆるデバイスに対応するレスポンシブWebデザイン。注目を集める背景と具体的なメリットを紹介する。
