chevron_left

初心者が中級WEBデザイナーにレベルアップするためのHTML5/CSS3テクニック15選
PREMIUM
第2回

レスポンシブWebデザインに必要なテクニック5選

2017年10月27日 60min
レスポンシブWebデザインに必要なテクニック5選 play_arrow おためし受講

スライド資料

会員登録して、全てのスライドを見よう

1 / 7

授業の概要

■アジェンダ

  • テクニック1：レスポンシブWebデザインに対応するための基本マークアップ
  • テクニック2：メディアクエリとモバイルファーストCSS
  • テクニック3：スマートフォンとパソコンでページ全体のフォントサイズを変更しよう
  • テクニック4：動画をキービジュアルにしよう
  • テクニック5：テーブルの見た目を「見出し＋本文」に切り替えよう

担当の先生／パーソナリティ

授業で使用する教材

※授業以外での使用は禁止します

チャプター

play_arrow
オープニング
00:24
play_arrow
全3回の予定
01:07
play_arrow
自己紹介
01:28
play_arrow
本日紹介する５つのテクニック
01:50
play_arrow
【先生からの質問】コーディングにおける悩みは何ですか？
00:29
play_arrow
レスポンシブWebデザインに対応するための基本マークアップ
07:35
play_arrow
皆さんからのコメント
02:25
play_arrow
メディアクエリとモバイルファーストCSS
11:34
play_arrow
スマートフォンとパソコンでページ全体のフォントサイズを変更しよう
07:26
play_arrow
動画をキービジュアルにしよう
05:18
play_arrow
テーブルの見た目を「見出し＋本文」に切り替えよう
09:38
play_arrow
質疑応答
09:51
play_arrow
まとめ
00:37
play_arrow
次回授業のお知らせ
01:07
play_arrow
エンディング
play_arrow
Q.wordpresでcssを変更しようとしてもうまくcssが当たりません。
36:34
play_arrow
Q.リキッドレイアウトとレスポンシブが頭のなかでごっちゃになってしまって%の使い所がわからないことがあります。カラムの幅等で使うぐらいに考えておけばいいでしょうか？
02:15
play_arrow
Q.html と　html * は同じ意味な気がしますが違いはあるんでしょうか？
02:08
play_arrow
Q.remを使うときにrootを61.5%で10pxにすることが多いです。メディアクエリのときも同じようにすることはありますか？
02:07
play_arrow
Q.HTML * は子要素に適用というのですが、子要素とは　<html></html> 内にある要素は全部適用されるということでしょうか？
01:02
play_arrow
Q.articleとsectionの使い方に迷います。具体的に教えてください。