chapter5
・viwportはスマホのみに使える
・横幅を直す
・例外もある(flex700pxとか)
・メディアクエリ PC1025px~ タブレット 600px ~1024px スマホ ~599px
・ブレイクポイントは一つとして、760px以下
・基本大きい順から作る
・ハンバーガーメニュー
・誰かのページを参考にする
・部品の名前を覚えよう
スライダー(画像が横に流れる)
ライトボックス(クリックすると大きく画像が表示される)
ウインドウ
スクロール(ボタンを押したら一番上に戻るとか、範囲内カーソル移動させるウインドウから)
アコーディオン(+とか押すと表示されたりするもの)
ページネーション(目次みたいに1,2,3で移動出来るような)
ツールチップ(画像に文字が出る(ヒントみたいな))
・アイコンを提供してくれるサイトがある
・フォント系WEBフォント今までは入ってないと使用できなかったが使えるよう(表示)出来るようになった
・パーティクル(背景色をグラデーションで変化させる)
先生のページのサンプルコード ※1~※4をコピペする 4か所
chapter5が終わったら先生のページのwebパーツページを一通り見てみる
Font Awesome(https://fontawesome.com/)
webfont (google font)を使用すると良い
Adobefontはfontのままでは使えない→なのでgoogle fontで使うと良い
今後(課題)
いざ作ってみましょうってなっても出来ないのでHTMLCSSのおさらい見直しを行うこと

コメント