デイトラWeb制作　-Day11-

Day8-10飛ばして、早く使いたい便利機能の学習

レッスンの一覧を見ると、Day11でショートカットキーとかemmetの使い方、設定の仕方の方法の解説があるようでした。
であれば先に便利機能を覚えてから、戻ってみようかと思います。

全動画を見ました。9割がたすでに使用していた機能でしたが、知らなかった＆便利そうなものをメモしておきます。

---

cssのemmet①　値がアルファベットの時の展開

m:a → margin: auto;

「m12 →　margin: 12px;」とかは知っていたけど、
autoなどアルファベットを入れるときは「:」を入れると展開できる。

cssのemmet②「+」記号でつないで、複数のプロパティを一気に指定できる

w300+h400 →　
　margin: 300px;
  height: 400px;

Emmetアクション 値の増加・減少はcssだけじゃなくてhtmlにも使える！

cssだけかと思ってました。結構便利そう。

おまけ Editor: Word Separators を更新

ダブルクリックしたときに何の文字で区切るように選択させるか、の設定。
この機能設定していましたが、「そういえばカラーコード選択で『#』選択されないのめんどくさかったかも」と思って、区切り文字から削除してみました。
また使いながらupdateしていきたいと思います。

---

あとがき

結構覚えていたのが紹介されていて、独学も無駄じゃなかったなと、自分をほめてあげたいです。引き続きがんばります。