HTML・CSSで作るメニューUI。 ヒットエリアを▷に拡張することで、マウス操作での使い勝手が良くなります。

解説記事を書きました！ メニューUIの誤操作を減らせ！ CSSで作るヒットエリア「セーフ・トライアングル」 - ICS MEDIA 日本語： 英語：

I remember this from the Flash days 🥲

Back in the Flash days, implementing this in ActionScript must have been quite a bit of work! 😅

これめちゃくちゃいいてすね！これ系の選択はイライラ棒始まってしまうので、、、

この設計とても良いですね！

昔の方々の知恵に学ぶことが多いです！

cool

thx 🫡

such a small tweak but it makes menus feel so much smoother to use

The triangle alone isn’t quite enough—adding a timeout makes the interaction feel even smoother. I covered the implementation in this article:

Good catch, checking out the article now.