PREMIUM
第4回
CSS入門 -ナビゲーションデザインの全て-
2015年8月31日 60min
スライド資料
授業の概要
こんな人にオススメ
listタグのcss指定方法を一から学びたい方・メニューのcssデザイン手法をマスターしたい方・ナビボタンのcssデザインをマスターしたい方
チャプター
-
自己紹介＆アジェンダ
01:41 -
サイトの要「グローバルナビ」
03:15 -
親要素の指定で子要素が決まる
01:47 -
親要素の指定で子要素が決まる: 【実践】スマホ用縦型ナビを作ってみよう
05:15 -
親要素の指定で子要素が決まる: 【実践】スタイルタグの中にcssを書いてみよう
05:01 -
親要素の指定で子要素が決まる: 【実践】headerとnavを書いてみよう
04:19 -
親要素の指定で子要素が決まる: 【実践】ボタンの指定を作ってみよう
04:28 -
親要素の指定で子要素が決まる: 【実践】navの中のulの指定をしよう
09:31 -
hoverの振る舞い
02:23 -
hoverの振る舞い: はみ出したものを非表示にする指定をしよう
07:12 -
hoverの振る舞い: オープンソースでコードを配布しているサイト
01:19
-
Ｑ：アニメーションの「transition-dulation」は、 <nav>の方に指定するのですか？？
00:24 -
Ｑ：今後を考えるとNormalize.cssに慣れたほうがいいですか？
01:42 -
Ｑ：なぜ最初からhtmlでナビを上にして作成してあるのでしょうか？
00:51 -
Ｑ：position:fixedをつかうと下のコンテンツが上に上がってきてヘッダー部分と重なってしまいますがnavより下はどういうcssを使えばいいですか？
00:57 -
Ｑ：色の指定で♯fffと♯FFFFFFの時の使い分けを教えてください
01:39 -
Ｑ：<header></header>を最初にマークアップしなかった理由を教えて下さい。
00:41 -
Ｑ：スマホの場合hoverは有効なのでしょうか？
00:53 -
Ｑ：現場でSCSSって使ってるところ多いのでしょうか？
01:13 -
Ｑ：navはseoの関係でメインとfooterの間に書くのが良いと教わりましたが、田中先生もそうされてるケースもありますか？
01:24 -
Ｑ：サイドメニューは右側と左側、どちらをお勧めしますか？