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 の基礎知
navi - コマンド用のチートシートコマンド
コマンド入力で詰まってしまうことが良くあります。普段から使っているコマンドであれば良いのですが、時々しか使わないものはサポートが欲しいでしょう。もちろんヘルプやmanページはありますが、すべて読むのは面倒だったりします。 そこで使ってみたいのがnaviです。多数のコマンドに対応したチートシートコマンドです。 naviの使い方 例えば navi file などと入力します。そうすると該当文字列が含まれるコマンドのチートシートが表示されます。 コマンドはインクリメンタルに絞り込めます。 naviで表示されているコマンドはそのまま実行できますので、たくさん並んだ該当コマンドを絞り込みながら、実行したいコマンドにスムーズにたどり着けます。そしてコマンドを実行していくという流れです。実際のコマンドが表示される分、ヘルプなどで調べるよりも楽そうです。 naviはShell製のオープンソース・ソフトウェ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
