![見出し画像](https://assets.st-note.com/production/uploads/images/105172779/rectangle_large_type_2_c9b3355580f1eb201234219734b40d2c.png?width=1200)
Photo by
potechikuu
フレックスボックス チートシート
チートシートってことばを
初めて知りました
チートシートとは
カンニングペーパーのようなもの
その前に…
フレックスボックスって?
アイテムを行または列に並べるための
1次元のレイア ※MDNより
詳しい使い方
https://coliss.com/articles/build-websites/operation/css/css3-flexbox-properties-by-scotch.html
レイアウトを頭のなかだけで考えるのは難しい
となると、確かにチートシート
あったら便利だ うん。
J CLASS ACADEMY さんのFBで
紹介してた「CSS Flexbox Cheatsheet」も
ちょっときになるけど
DLページが英語(。´Д⊂)
インストールすると
マウスオーバーだけで、フレックスボックスの
レイアウトプレビューが表示されるっぽい
なのでまずは日本語で
紹介してるフレックスボックスの
チートシートをいくつか検索してみた
https://www.webcreatorbox.com/tech/css-flexbox-cheat-sheet#flexbox1
https://qiita.com/amiami/items/2379d4c71452bd1dc583
追記
フレキシブル
柔軟性のあるレイアウト
なるほど…
人もコーディングも難しく考えたら
あかんのかもしれませんね
チートシートではないけど、
みててわかりやすいと思ったので
https://www.sejuku.net/blog/56401
この記事が気に入ったらサポートをしてみませんか?