2019年09月12日(木)

かなり便利！VS CodeでCSSを書きながらFlexboxのチートシートを利用できる -CSS Flexbox Cheatsheet

• 0
• 260
• 183
• 220

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

justify-contentやalign-itemsはどう使うんだっけ？ justify-contentの値は？ など、Flexboxの各プロパティや値がどのように配置されるか、一目で分かります。

CSSを書きながらFlexboxのチートシートをVS Codeに表示中

CSS Flexboxのチートシートは、当ブログで翻訳したチートシートなどを参考にしているとのことで、Flexboxの各プロパティや値の挙動が簡単に分かります。
参考: CSS Flexbox の基礎知識と使い方を詳しく解説

機能拡張のダウンロードは、下記ページから。

author:

コリス

http://coliss.com

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

なめらかでFlashみたいなテキストアニメーション「TextyleFLIP.js」

         

NEXT ›

               

CSSデバッグを少し手伝ってくれる小さなスクリプト・「debugCSS.js」

関連記事

• Kindleブラックフライデーの大規模セールが開催！ Web制作・デザイン・イラスト関連のセール対象本がすごすぎる
• Kindle本の特大セールが開催！ブラックフライデー＆サイバーマンデーで、Web制作・デザイン・イラストの書籍も過去最大級の規模
• これは便利で簡単！CSSを書いている時に、Flexboxのチートシートを利用できるVS Codeの機能拡張
• コリス13周年！当選人数100名超えの太っ腹なプレゼント企画 第2弾
• 【2019年4月版】役立つ新しいスキルをマスターしよう。

Ads

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『かなり便利！VS CodeでCSSを書きながらFlexboxのチートシートを利用できる -CSS Flexbox Cheatsheet』についてまとめています。

この記事は特にCSS3・ダウンロード・Macについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。