HTMLCSS基礎⑩

HTML/CSS

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のおさらい見直しを行うこと

コメント