2017/03/31 Category : html Font Awesome 仕事でFont Awesomeを使ってます。 Font AwesomeはフリーのWebアイコンフォントです。 商用利用可能です。 http://fontawesome.io/ 味気ない業務サイトも見出しやメニューなどにアイコンが付くと、とたんにフレンドリーに見えてきます。 使い方も簡単です。 http://fontawesome.io/examples/ アイコンの種類も豊富で日々増えています。 だいたい欲しいアイコンは揃っています。 http://fontawesome.io/icons/ バッテリーアイコンなど残量に応じて11種類のアイコンが用意されています。 これさえあれば他に何も要らないレベルです。 もうアイコンだけで会話ができるレベルです。 サイトにもう一味わかりやすさを求めているときに活用してみてはどうでしょうか。 PR
2015/11/30 Category : html フォーム作りで忘れがちなこと 私が気を付けていてもしてしまいがちな失敗第1位がフォームの複数送信防止の処理です。 ちなみに第2位はティッシュをポケットに入れたまま洗濯しちゃうことです。 フォームの複数送信とは、間違ってsubmitボタンを2回押してしまって2回登録されてしまったりするあれですね。 決済処理なんかだと大変なことになります。 決済などのようなクリティカルな場面では肝に銘じているので大丈夫なのですが、 スピード上げて作っているところではつい楽なほうで実装してしまいがちになってしまいます。 こういうことで過去何度も失敗を。。。 type="submit"をtype="button"にして、 明示的にsubmit()、そして2回クリック出来ないようにすればよいというたったそれだけのことなのに。。。 という失敗の繰り返しに陥らないために、いっそのことhtmlからsubmitというワードを無くしましょう！ とgrepをかけてみたところ、 class名としてそこそこ使われていたので天を仰いだ次第です。 あるディレクトリ以下を監視して、 submitと書かれた箇所を見つけたらアラートを飛ばすような仕組みを作らなければ。。。 道は長い。。。
