リファレンス

• 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