Webサイトを作ってみよう|連載

Webサイトを作ってみよう|連載

要素を横並びにする、フレックスボックスの使い方③【CSS基礎】

前回からの続きです。 今回でフレックスボックス関連プロパティの解説は完結です。まずはフレックスアイテムの折り返しからです...
Webサイトを作ってみよう|連載

レスポンシブデザイン。PC・スマートフォンの表示切り替え【CSS基礎】

レスポンシブデザインとは 昔のWebサイトではパソコン用のサイトと携帯用(スマホ用)のサイトを別に作っていました。それで...
Webサイトを作ってみよう|連載

サンプルサイトをコーディングしてみよう①【Webサイトコーディングの流れ】

今までWebデザインを学んで、なんとなく理解できましたが、自分で1からコーディング出来る気がしません。 最初は誰でもそう...
Webサイトを作ってみよう|連載

サンプルサイトをコーディングしてみよう②【Webサイトコーディングの流れ】

前回の続きです。 HTMLの基本マークアップが出来たところで、CSSの設定に取りかかります。今回はPC用 > スマホ用の...
Webサイトを作ってみよう|連載

サンプルサイトをコーディングしてみよう③【Webサイトコーディングの流れ】

前回の続きです。 引き続きサンプルサイトのCSSを設定していきます。構造を詳しくするためのHTMLの追加や、class名...
Webサイトを作ってみよう|連載

サンプルサイトをコーディングしてみよう④【Webサイトコーディングの流れ】

前回の続きです。 引き続き「Menu」エリアとフッターのCSSを設定していくよ。 「Menu」エリアのCSSを設定する ...
Webサイトを作ってみよう|連載

サンプルサイトをコーディングしてみよう⑤【Webサイトコーディングの流れ】

前回の続きです。 今回はスマホ用のCSSを設定し、レスポンシブに対応させます。それが出来たら、サンプルサイトの完成だよ。...