WEB上で綺麗なカバーフローUIを実装できる「Simple 3D Coverflow」
次のようなカバーフローUIが実現できます。アイテムの並べ方も色々と選...(続きを読む)

textareaに行番号を付けられるjQueryプラグイン
次のようなシンプルな行番号を付けられます関連エントリ textareaを入力値...(続きを読む)

JS＆CSS3でWindowsMetroのタイルUIを実装する「TileJS」
タイルを押すと四角系が傾いてWindowsMetroっぽい挙動を再現できます関連エ...(続きを読む)

WEBCAMを使ったアイトラッキングができる「WebGazer.js」
JSでユーザの顔を認識し、目の位置をトラッキングするという面白い仕組...(続きを読む)

inputをカード番号や電話番号等の入力用に調整できる「Cleave.js」
他の文字は入れようにも入れられなくすることができて入力ミス等を防げ...(続きを読む)

ブラウザの特徴をモダンな物も含め網羅的に判別できる1KBのJS「Feat...
閲覧者のブラウザがsvg、canvas、localstorage、webGL、css3に対応しているかの確...(続きを読む)

日々膨大に出現するJS/CSSライブラリ等を意識にとどめておく方法
...(続きを読む)

CSSを使ってブラウザ上で動く検索エンジンを作る「Jets.js」
CSSのセレクタを適用して検索エンジンを作る、ということらしいです。単...(続きを読む)

TTFやOTFのフォントをJavaScriptでパースできる「Typr.js」
。フォントデータをJSでゴニョゴニョやりたい場合に使えそうです関連エ...(続きを読む)

JSONデータをHTMLフォームに変換し、更にJSONに戻せる「medea」
JSONデータの見たまま編集が簡単に実現できそうです関連エントリ JSONデー...(続きを読む)

表示領域に入ったかどうかを検知する「in-view.js」
アニメーション等は画面領域外でしても静止画と変わらず意味の無いもの...(続きを読む)

フォームのプレースホルダをアニメーションしてズラす「phAnimate」
inputにフォーカスするとグレー表示のプレースホルダが左上にずれて入力...(続きを読む)

ページの隅に隠せるコンテンツ実装「jquery.tabSlideOut.js」
次のように通常はページサイドにしおりのように表示させておいてタップ...(続きを読む)

画像内にテキストや図形を合成できるjQueryプラグイン「naver/ImageMaps...
...(続きを読む)

Selectボックスをポップアップ形式に変更できる「PopSelect」
純粋なselectボックスよりも選びやすく、複数選択もしやすいUIの実装がで...(続きを読む)

Youtube・Vimeo・Dailymotion等の動画を共通のAPIで操作できる「embedplayer...
再生、ボリューム変更、停止などの動画操作をソースは別々でも共通のAPI...(続きを読む)

フラットデザインが良い感じの日付ピッカー「flatpickr」
次のような日付ピッカーの実装が可能です関連エントリ マテリアルデザイ...(続きを読む)

checkboxをBootstrapのGlyphアイコンで可愛くできる「bs-checkbox」
BootstrapのGlyphアイコンをベースに次のようなcheckboxを実装できます。色を文...(続きを読む)

マウス位置がviewportから外れた際のイベントとマウス位置を検出で...
マウス位置が画面内から外れた際になにかアクションを起こしたい際に使...(続きを読む)

色やサイズが自由に変更できる星形レーティング機能実装「starwarsj...
画像形式だと色やサイズ変更は面倒ですが、こちらであればフォントをベ...(続きを読む)