小ネタです。 フォームを作っていると、送信ボタンのようなsubmit 属性のinput タグを用意すると思います。 inputタグでボタンを作る場合、value の値が表示されますので、次のようにコーディングします <form method="GET" action="https://example.com"> <input type="hidden" name="value" value="1"> <input type="submit" name="submit_button" value="送信"> </form> この状態でsubmitすると、submitに設定したvalue…

webを生業にしている人にとっては当たり前の話です。 最近、pugでwebフォームを作る機会がありました。 webフォームでラジオボタンを操る時に、ラジオボタンのテキストでも選択できるようにする手段はいくつかあります。 その手段の一つが、下記のようにinpu…

フロントエンドで遷移するイベントを実装する時があります。 最近では、イベントを発火させるボタン要素をdivタグで用意するドキュメントを見ます。 もちろん、全てdivでも何ら問題はありません。 しかし、何かしら遷移が発生する場合は、（好みの問題ではあ…

iPhoneやiPadのようなiOSデバイスで英語文字入力をする際、先頭の小文字が大文字になってしまう事があります。 小文字しか入力しないinputタグの場合、この機能が煩わしく感じます。 今回はこの機能を止める方法です。 原因 タグに付与するautocapitalize属…

最近は、Webフォントありきのウェブサイトも多くなってきました。 以前は、デザイン上、デバイスフォントではない場所を画像文字で代用する事がよくありましたが、alt属性をつける必要があったり、文字サイズの変更に耐えられなかったりコーディング側の負荷…

HTMLのテンプレートエンジンにpugを使用したのですが、初歩的な事でどハマりしました…。 github.com 私の場合、Laravelで作成したプロジェクトにデフォルト設定される、webpackにpugライブラリを追加していました。 症状 ソース block content block nav inc…