Karabiner-Elementsを使って、「通常は[caps lock]キーが[command]キーに割り当てているけど、開発ツールを使っているときだけ[esc]キーになってVimでの編集がやりやすくなる!」という方法を紹介します。
「TailwindCSSで階層型のホバーメニューを実現する」の2回目です。今回は実際にPhoenixプロジェクトを作成して、その中から使ってみます。メニューについては、HTMLで直接構築するのではなく、階層型のデータをメニューに変換する形で実現します。
TailwondCSSのみで階層型のホバーメニューを作成します。最小構成での動作確認から始まって、プラグインを作成し、TailwindCSSを高度にカスタマイズするところまでを紹介します。