[Category] html5

コーダーのための計算機を作りました

デザインをhtmlにするときに楽したいなという願望から生まれた計算機です。 ・とりあえず2で割ってくれる電卓 ・px→em変換 ・px→rem変換 ・行送り計算 ・トラッキング計算 こんな感じにまとまって言います。 楽するところは楽していきたいですね。 コーダーのための計算機 https://dem…

スマホで電話番号やメールアドレスにリンクが自動で付くのを防ぐ

スマートフォンは電話番号やメールアドレスをリンクに自動変換してしまいます。 特に電話番号は、連続した数字でも勝手にリンクに自動変換されるので、電話番号は自動変換無効にしておいた方が良いかもしれません。 head内に下記meta要素を入れておきます。 [crayon-5b2facfae996f8813…

Enterキーを押すとsubmitされるのを防ぐ

フォームで、<input type=”text”>を選択時にEnterキーを押すと送信されてしまうことがある。 意図しない送信を防ぐために送信ボタンをクリックしたときだけsubmitするようにする簡単なコードです。 See the Pen 170418 by M.Ueda (…

レスポンシブイメージを使う

※2017年1月17日修正 HTML 5.1が11月1日にW3Cによって勧告されました。 HTML 5.1で新たに導入されたレスポンシブイメージが結構よい感じです。 以前はPC、スマーフォン、タブレットで画像を切り替えるには画像をdisplay:noneやvisibility:hiddenなど設定し…

  • コーダーのための計算機