【CSS】grid layout -その2-
グリッドレイアウトの基本の続きです。
各要素の名前、グリッド線名によるアイテムの配置、およびminmax()
などについて。
グリッドレイアウトの基本の続きです。
各要素の名前、グリッド線名によるアイテムの配置、およびminmax()
などについて。
グリッドレイアウトが便利なので、基本的なことから学んだことを複数回に分けて記載していきたいと思います。
inputタグを使わないレンジスライダーを自作しました。
メディアクエリは、画面サイズや画面解像度などの閲覧状況に応じて、cssを切り替えることができる。便利なところをメモ。
max-content
, min-content
, fit-content
, min-width
, max-width
, min-height
, max-height
, vw
, vh
, vmax
, vmin
,aspect-ratio
についてのメモです。
input rangeを自作しました。
::-webkit-slider-thumb
は非推奨のようなので、スライダーの"ポチ"も自作。
オーディオタグを Javascript で自作してみました。
forloop内での横スライダー(自作)。
環境:python
Javascriptでのラジオボタンやチェックボックスのチェックの判定や、要素のid属性の取得・変更、ある要素の前後の要素を取得する方法などのまとめです。
Javascriptでclassの追加や削除、置換などを行う方法のメモです。