[基本]htmlでQ&Aアコーディオンの作り方

今回はjQueryを用いた1つのアコーディオン機能の作り方について書いていきたいと思います。 ...
今回はjQueryを用いた1つのア...
2021年1月9日
html、cssのコードを記述する時Emmetを使えば書く時間を大幅に短縮することができますのでこの機会にぜひインストールし使っていきましょう!
VScode等のエディターのプラグインでコードを楽に書くことができます。今回はその中でもよく使うもを紹介したいと思います。
VScodeであればEmmetがデフォルトで入っていますのでインストール等の手間が省けます。
以下の記事でもVScodeをお勧めする理由を書いています。
私がよく使っているショートカットです
.classと入力すると
となります。何回も使ってます。
#idと入力すると
となります。.classと同じ感じですね。
ul>li*5と入力すると
となります。最後の数字5がliの数になります。コピペしなくて済むので便利です。
!と入力すると
となります。HTMLのテンプレートが一瞬で書けます。
こちらはcssです。tacと入力すると
となります。text-alight:center;はよく使うだけに便利です。
他にもたくさんの種類がありますので、もっと知りたい方はEmmetのチートシートよりご確認ください。