修正・変更に強いWebサイト作りに必要なテクニック5選 おためし受講中

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

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

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

【前半】授業
全3回の予定
00:49  (00:42 ~ )
⾃⼰紹介
00:52  (01:31 ~ )
今回の5つのテクニック
01:33  (02:23 ~ )
受講⽣のみなさんに問いかけ
00:32  (03:56 ~ )
【テクニック1】ブラウザの開発ツール
08:38  (04:28 ~ )
【テクニック2】継承・カスケード・詳細度〜CSSが適⽤ される仕組みを詳しく知ろう
12:44  (13:06 ~ )
【テクニック3】コードが荒れないCSSの書き⽅・更新の 仕⽅を知ろう
08:27  (25:50 ~ )
【テクニック4】シンプルにコラムレイアウトを実装しよう
10:22  (34:17 ~ )
【テクニック5】多数のボックスを整列して並べよう
10:39  (44:39 ~ )
【後半】質疑応答
Q.ネットによくあるテンプレートのリセット・ノーマライズCSSを使いますが、そのCSSを読み込めばいいと思っているだけで、自分では内容を全部理解していないところがなんか嫌になります。リセットって*,margin,padding:0;だけではだめなのですか?
01:53  (55:23 ~ )
Q.これからのサイトは、cssでレイアウトを整える時に、Gridなどで、されていきますか? display : grid (CSSグリッドレイアウト)
01:57  (57:16 ~ )
Q.flexの3番目の幅を%で指定してもいいのでしょうか?
00:38  (59:13 ~ )
Q.カスケードを乱用したらメンテナンスが大変になりませんか?
01:42  (59:51 ~ )
次回予告
  (1:01:33 ~ )
修正・変更に強いWebサイト作りに必要なテクニック5選

■アジェンダ

  • テクニック1:ブラウザの開発ツール
  • テクニック2:継承・カスケード・詳細度〜CSSが適用される仕組みを詳しく知ろう
  • テクニック3:コードが荒れないCSSの書き方・更新の仕方を知ろう
  • テクニック4:シンプルにコラムレイアウトを実装しよう
  • テクニック5:多数のボックスを整列して並べよう

 

先生

狩野 祐東

この3回シリーズでは、これから実践的なHTML/CSSコーディングをしたいという方向けに、モバイル端末に対応するための基礎的なコーディング知識と、修正に強く、よりシンプルでわかりやすいHTML/CSSを書くためのテクニックや考え方を紹介します。
質問や意見、アイディア等をお持ちの方はどんどんコメントをください。疑問にはできるだけ回答したいと思っています。みんなで役立つ知識とテクニックを共有しましょう。

受講生代表

  • 徳田 葵

    徳田 葵

    スクー放送部

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

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

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