chevron_left

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

修正・変更に強いWebサイト作りに必要なテクニック5選

2017年9月22日 60min
修正・変更に強いWebサイト作りに必要なテクニック5選 play_arrow おためし受講

スライド資料

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

1 / 6

授業の概要

■アジェンダ

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

 

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

授業で使用する教材

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

チャプター

play_arrow
全3回の予定
00:49
play_arrow
⾃⼰紹介
00:52
play_arrow
今回の５つのテクニック
01:33
play_arrow
受講⽣のみなさんに問いかけ
00:32
play_arrow
【テクニック1】ブラウザの開発ツール
08:38
play_arrow
【テクニック2】継承・カスケード・詳細度〜CSSが適⽤ される仕組みを詳しく知ろう
12:44
play_arrow
【テクニック3】コードが荒れないCSSの書き⽅・更新の 仕⽅を知ろう
08:27
play_arrow
【テクニック4】シンプルにコラムレイアウトを実装しよう
10:22
play_arrow
【テクニック5】多数のボックスを整列して並べよう
10:39
play_arrow
Q.ネットによくあるテンプレートのリセット・ノーマライズCSSを使いますが、そのCSSを読み込めばいいと思っているだけで、自分では内容を全部理解していないところがなんか嫌になります。リセットって＊,margin,padding:0；だけではだめなのですか？
01:53
play_arrow
Q.これからのサイトは、cssでレイアウトを整える時に、Gridなどで、されていきますか？ display : grid （CSSグリッドレイアウト）
01:57
play_arrow
Q.flexの3番目の幅を％で指定してもいいのでしょうか？
00:38
play_arrow
Q.カスケードを乱用したらメンテナンスが大変になりませんか？
01:42
play_arrow
次回予告

授業紹介コメント

  • 狩野 祐東
    先生

    狩野 祐東

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