HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」
ドラッグ＆ドロップでべらっとめくるあのインタフェースがHTML5で実現で...(続きを読む)

PHPでのスクレイピングやDOM操作をjQueryっぽく超簡単便利にできる「...
。紹介記事を読んで使ってみました。phpQuery はjQueryのPHP版でDOMの操作をjQue...(続きを読む)

SVGとanime.jsを使った機敏に動くツールチップ実装「Playful Little Tooltip...
ツールチップといえばマウスホバー時に、せいぜいフェードインぐらいの...(続きを読む)

カスタマイズ可能でレスポンシブなモーダル実装「ssi-modal」
アニメーションさせたり表示位置を変えたりとカスタマイズ性が高いのが...(続きを読む)

HTML5のデスクトップ通知を各種ブラウザで簡単実行できる「HTML5-Desk...
各ブラウザの仕様を調べなくても簡単にデスクトップ通知が実現できます...(続きを読む)

ファイルアップロード前の名前、サイズ、MIMEタイプを得るjQuery
ファイルアップロードというとファイルをアップロードした後でサイズやM...(続きを読む)

範囲指定のスライダーUIを簡単に実装できる「RangeTouch」
次のようなタッチデバイスでも動作するようなフォームUIを input type="ra...(続きを読む)

ポップアップ形式のselectの代替になる入力要素を実装できる「PopSel...
inputにフォーカスするとするとポップアップして要素をクリックでアイテ...(続きを読む)

入力要素の残り文字数を表示できるBootStrapプラグイン「MaxLength」
残り文字数をその場で表示できて便利です関連エントリ クールでモダンな...(続きを読む)

レスポンシブで全画面やズーム表示に対応したLightBox実装「Chocolat...
Lightboxは色々ありますが、ユニークなLightBoxクローンの１つで、全画面やズ...(続きを読む)

Markdown記法そのままでWYSIWYGできるエディタ実装jQueryプラグイン「Mar...
次のようにmarkdownをそのまま入れていくと、WYSIWYGでテキストが修飾されま...(続きを読む)

入力文字に応じて自動伸縮するinput[type=text]を実装できるjQueryプラ...
入力文字に応じて自動伸縮するinput[type=text]を実装できるjQueryプラグイン「...(続きを読む)

HTML5, CSS3, JSでマルチプラットフォームのデスクトップアプリを作れ...
。元々はTitaniumDesktopとして開発されていましたが、TideSDKという名前になっ...(続きを読む)

jQueryとHTML5でドラッグ＆ドロップアップロードを実現するチュート...
。jQueryのfiledropプラグインを使いつつサーバにファイルをアップロードす...(続きを読む)

サンプルだけでも見ておくべきHTML5のチュートリアル集
。ゲームやページレイアウトに関するHTML5のチュートリアル。結構色々な...(続きを読む)

JSでCanvasに描いた文字等をOCRできる「Ocrad.js」
。次のようにphpと文字を描いてみると認識される他、画像から文字を取得...(続きを読む)

ドラッグ＆ドロップでファイルをアップできるHTML5のデモ
。デスクトップなどからファイルをブラウザにドロップしてサムネイルを...(続きを読む)

これは見ておくべきCSS3＆HTML5の実験１６サイトまとめ
数年前なら誰もがFlashで出来ていると疑わなかったようなデモがHTML5＆CSS3...(続きを読む)

レスポンシブでクールなドロップダウンメニュー実装例
次のようなレスポンシブなドロップダウンメニューのデモです。デモペー...(続きを読む)

クロスブラウザでファイルのドラッグ＆ドロップ、Ajaxアップロー...
。対応ブラウザであれば以下のブラウザでドラッグ＆ドロップによるファ...(続きを読む)