もう年末ですね。 去年の今頃は風邪で鼻水だらだらの記憶がありますが、皆さんは如何お過ごしですか? どうも、しばおです。 さて、いきなりですが、皆さん ハンバーガーボタン ってどうやって作ってます? ハンバーガーボタン の作り方をググったりすると、空っぽの span タグ 3個で作ってたり、div タグ や チェックボックスで作ってたりするのをよく見かけます。 でもね。僕的には、button 要素がベストだと思っているんです。 そこで今回は、なぜハンバーガーボタンを button 要素で作った方がいいのかや、僕なりの作り方をできる限り詳しく解説をしてみたいと思います。 ちなみにこの記事は、ある程度、HTMLやCSS、JavaScriptを使った基本的なコーディングを理解している人向けになりますので、CSSって何?って方は先に、基本的なコーディングを学習しておいて下さい。 ハンバーガーボタン
![ハンバーガーボタン 何で作ってる?僕なりの作り方を解説してみる。 - Shibajuku](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d3889b1e4cf7168968cc0eb9f0354b0bf01e17f/height=288;version=1;width=512/https%3A%2F%2Fshibajuku.net%2Fwp%2Fwp-content%2Fuploads%2F2019%2F12%2F588187122f6bb621a4ad80036a8594cc.png)