× 無料のユーザー登録をすると学習状況を管理することができるようになります

レスポンシブウェブデザイン入門 (全14回)

一つのソースコードで複数のデバイスに応じたレイアウトを実現する、レスポンシブウェブデザインについて見ていきます。

このレッスンでは HTML5 / CSS / CSS3 を使用しています。

#01 レスポンシブウェブデザインを使おう
2017年1月12日

今回のレッスンについては以下も参考にしてみてください。

・HTML入門 (全24回)
http://dotinstall.com/lessons/basic_html_v3
・CSS入門 (全23回)
http://dotinstall.com/lessons/basic_css_v3
・CSS3入門 (全19回)
http://dotinstall.com/lessons/basic_css3_v2

metaタグでinitial-scaleを設定するときとしないときの違いを教えてください。 PREMIUM - #02 開発の準備を整えよう
initial-scaleを設定するときと設定しないときの違いを知りたいです。
stylesheet は分けて用意しても良いでしょうか? PREMIUM - #05 セクションのスタイルを整えよう
CSS が長くなってきた場合に関して質問です。 CSS は「header」や「section」、「footer」...
テキストが折り返されないのはなぜでしょうか? PREMIUM - #06 特徴紹介セクションを作ろう
p タグ内に、以下のようにダミーテキストを入れましたが、テキストが折り返してくれません。 <p>...
縦横比率を保持するための仕組みがよくわかりません PREMIUM - #09 iframeの縦横比を保持してみよう
『paddingの上下を%で指定するとwidthに対する比率になる』という仕組みが理解できないのですがそういうものだと...
pタグに書いたテキストが折り返して表示されません PREMIUM - #10 要素を左右に振り分けてみよう
pタグに以下のようにテキストを書いていますが、レッスンのように折り返して表示してくれないのですが、どうしたらいいでしょ...
ニュースのレイアウトを2段にするにはどうしたらいいですか? PREMIUM - #11 ニュースを横に並べてみよう
この動画ではニュースは3つの画像と説明なのですが、6つの画像と説明で2段にしたい時はどうすればいいでしょうか?