WEBデザインテクニック|KLUTCHE

【HTML5】videoタグによる動画埋め込みのまとめ

動画

HTML5では、動画の埋め込みに<video>タグを使用します。
Flash等のプラグインを使わずに、シンプルなタグで動画を埋め込むことができるようになります。

続きを読む

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

01

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

続きを読む

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

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

続きを読む

【CSS3】CSSだけで写真に印象的なエフェクトを加える

box-shadowを内向きにかけて写真をオシャンティにします。
続きを読む

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

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

続きを読む