「自分の仕事は自分でクリエイト」をコンセプトとしたWebデザイナーのための体験型オンラインスクール。自分の力で生きていくWebデザイナーを目指します。

レスポンシブWebデザイン講座

レスポンシブWebデザイン講座

レスポンシブWebデザインのメリット・デメリット

  • レスポンシブ

レスポンシブWebデザインのメリット・デメリット

レスポンシブWebデザインとはパソコン、タブレット、スマートフォンなどの画面サイズの異なるデバイスに応じて、それぞれに最適化されたWebレイアウトを行うための制作手法です。

続きを読む

レスポンシブWebデザイン講座

レスポンシブWebデザインのメリット・デメリット

  • レスポンシブ

ブラウザの表示確認について

グーグルクロームのデベロッパーツール使い方を動画で解説しています。

続きを読む

レスポンシブWebデザイン講座

レスポンシブWebデザインのメリット・デメリット

  • レスポンシブ

グリッドデザインについて

「グリッドデザイン」とはページを構成する要素を規則正しく分割されたグリッドに沿ってレイアウトを組んでいくという手法です。

続きを読む

レスポンシブWebデザイン講座

レスポンシブWebデザインのメリット・デメリット

  • レスポンシブ

メディアクエリの練習

メディアクエリの説明を中心にCSSの記述の順序やブレイクポイントについて解説します。練習問題もありますのでぜひお楽しみに!

続きを読む

レスポンシブWebデザイン講座

レスポンシブWebデザインのメリット・デメリット

  • レスポンシブ

Viewportについて

viewportとはスマートフォン、タブレットで表示されるときのWebサイトの見え方の指定です。

続きを読む

レスポンシブWebデザイン講座

シンプルなHTML・CSSで構成したWebページを作りながらレスポンシブの基本を学びます。

  • レスポンシブ

初級編 01 HTMLの準備

シンプルなHTML・CSSで構成したWebページを作りながらレスポンシブの基本を学びます。

続きを読む

レスポンシブWebデザイン講座

初級編 02 スマートフォン向けCSSの記述

  • レスポンシブ

初級編 02 スマートフォン向けCSSの記述

初級編サンプルサイトの作成の続きです。ここからは、スマートフォン向けCSSの記述を記述していきます。

続きを読む

レスポンシブWebデザイン講座

初級編 03 メディアクエリ CSSの記述

  • レスポンシブ

初級編 03 メディアクエリ CSSの記述

初級編サンプルサイトの作成の続きです。ここからは、メディアクエリの設定をしていきます。

続きを読む

レスポンシブWebデザイン講座

  • レスポンシブ

応用編 01 HTMLの準備とスマートフォン向け CSSの記述

今回から始まる応用編では、次のようなレスポンシブサイトを制作していきます。

続きを読む

レスポンシブWebデザイン講座

応用編 02 メディアクエリ CSSの記述

  • レスポンシブ

応用編 02 メディアクエリ CSSの記述

今回からコンテンツ・フッターエリアのスタイルを記述していきます。可変レイアウトへの対応として影響する要素は相対値(%)での指定を行っていきます。

続きを読む

「自分の仕事は自分でクリエイトする」

当サイトは、Webクリエイターズオンラインスクール メンバー専用サイトです。