FlexboxのチートシートをCSSを書いている時に利用できるVS Codeの機能拡張

CSSを書いている時に、ふとFlexboxのプロパティがどんな挙動だったか確認したくなることはありませんか？ CSSをVisual Studio Codeで書きながら、CSS Flexboxのチートシートを利用できる機能拡張を紹介します。 Flexboxの各プロパティや値がどのような挙動か、一目で分かります。 CSS Flexbox Cheatsheet -VS Code 1年ほど前にも紹介しましたが、先日v3にバージョンアップしました！ ほとんどのプロパティにインタラクティブなデモが追加され、各値がどのように機能するかより分かりやすくなっています。 Flexboxの挙動がアニメーションに CSS Flexboxのチートシートは、当ブログで翻訳したチートシートなどを参考にしているとのことで、Flexboxの各プロパティや値の挙動が簡単に分かります。 参考: CSS Flexbox の基礎知

[coliss]

Visual Studio CodeでCSSを書きながら、Flexboxのチートシートを利用できる機能拡張。

[liszworks]

すごくべんりそう！

[hamichamp]

メモ

[nekosann_08]

今はgridのチートシートが欲しいです（ワガママ

[anpaku]

便利になりますね。VSCodeは、おすすめです。

[ultimatebreak]

gridにこそ必要。現時点では利用頻度が低いのも相まって全く覚えられない

[awajiisland]

そんなんあったん！Flexbox使う度にネット検索して見てるから、ありがたや～

[mysql8]

css gridもはよ

[eartht]

めっさ良い。jet brainsには無いのかしら…

[Helfard]

ほふーん？