リファレンス

  • https://developer.mozilla.org/ja/docs/Web/CSS/Reference

postcss

autoprefixerで使用する。

  • https://github.com/postcss/postcss-cli

ref. https://parashuto.com/rriver/tools/using-custom-data-for-autoprefixer

–no-map Disable the default inline sourcemaps

autoprefixer

  • https://github.com/postcss/autoprefixer

browserslist

npm-scripts の場合は、.browerslistrc を使う方法はうまくいかないので、package.json に記載する。
autoprefixer, babel でどの範囲までカバーするかを指定するときに使用する。

  • https://github.com/browserslist/browserslist

※ defaultsキーワードは > 1%, last 2 versions, Firefox ESR

ref. https://parashuto.com/rriver/tools/using-custom-data-for-autoprefixer

指定した設定にあてはまるブラウザの確認

  • https://browserl.ist/

stylelint

  • https://github.com/stylelint/stylelint

Flexbox チートシート

https://www.webcreatorbox.com/tech/css-flexbox-cheat-sheet

display: table-cell

td, tr のデフォルト値。

display: table-cell;は、width、heightの指定をしない場合は、内容で幅と高さが決定します。

ref. https://web-manabu.com/html-css46/#thtd-display_table-cell