実装と記事執筆で使う小さな CSS ツールを置いています。

• BEAT SEQUENCER マス目でビートを組み、拍子や変拍子を変えながらドラム譜と見比べます。ピアノやベースのトラックも重ねられます。
• CHORD MAKER 根音・三和音・7度・テンションの札を重ねてコードを組み、名前の記号ごとに押す鍵と、根音から何個先かを鍵盤で確かめます。
• EASING BEZIER cubic-bezier のカーブを触って作り、プレビューで確かめてコピーします。
• CLAMP ビューポート幅に応じて可変するサイズを CSS clamp() で生成します。