KLUTCHE

【HTML】フォームの文字入力モードを自動的に切り替える方法

01

メールアドレスを入力するボックスでは、入力モードを自動で半角英数字に変更したい。という場合に使えるコードです。
スマートフォンの場合・ガラケーの場合はどうすれば良いのかもご紹介します。

続きを読む

【CSS】IE7の野郎でoverflow:auto内のposition:relative要素がはみ出るバグの対処法

IE7

IE7では、overflow:auto でスクロールバーを使う要素内に、position:relative を指定した要素が内包されていると、スクロールが効かない上に親要素からはみ出して表示されるというバグがあります。

続きを読む

【HTML5】inputタグのtype属性を使ってiPhoneからのテキスト入力を少し快適にする

iPhoneでメールアドレスの入力フォームに文字を打ち込む時に、はて?通常のキーボード配列と違うな、と気付く事があります。
HTML5で追加されたinputのtype属性を使うと、フォーム入力の目的に合わせてキーボード配列を変える事ができます。

続きを読む

【CSS】hrをCSSでオシャレにスタイリングする方法

仕切り線を入れたいけど無粋な線は嫌なものです。
CSSでちょこっと飾り付けをしてデザインのアクセントを付けてみます。
hr要素はセマンティックなサイト構築の観点からも有用ですので、オシャレさせて送り込んであげましょう。

続きを読む

【CSS】WEBにおける文字サイズのポイント指定とピクセル指定の違い

cssで出文字サイズを指定する時、単位にpxとptが使えます。
どちらを使った方が良いのでしょう。
そもそもpxとptの違いってなんでしょう。

続きを読む