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

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

動画

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

続きを読む

【WordPress】記事内にソースコードを表示するプラグイン

記事内でソースコード表示する場合に、自動で見やすく整形してくれるプラグインです。

続きを読む

【jQuery】マウスオーバーでテキストを差し替える方法

text

jQueryを使って、文字にマウスが乗ると別の文字に差し替えます。
ナビゲーションメニューで英語表記から日本語表記に表示を変える時などに使えます。

続きを読む

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

01

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

続きを読む

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

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

続きを読む