レスポンシブWebデザインに必要なテクニック5選 おためし受講中

【タイムライン】
生放送時のチャット投稿を閲覧でき、
臨場感はそのままで受講することができます

ここには授業中のやりとりが表示されます

【チャプター機能】
授業内容をピンポイントでおさえながら
ご自身のペースで進めることができます

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

■アジェンダ

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

受講生代表

  • 徳田 葵

    徳田 葵

    スクー放送部

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF

    生放送授業への参加は無料です
    Schooの会員登録および生放送授業への参加は無料です。生放送授業では先生に質問したり他のユーザーと一緒に楽しく学ぶことができます。
    ×