ピュアCSSで描かれたiPhoneX等のデバイス集「Devices.css」
最新の端末画像を画像ファイルでなくCSSで再現できます。関連エントリ ピ...(続きを読む)

シンプルで高速なカウントダウンタイマー実装「TimezZ」
サクッとカウントダウンタイマーを作れます関連エントリ 超シンプルにカ...(続きを読む)

リッチな動画のリストUIを作成できる「Video Wall」
動画をちょっとかっこいいUIでリスト表示できます関連エントリ HTML5動画...(続きを読む)

シンプルなテーブル風のスプレッドシート作成「xcell」
ブラウザ上でシートを編集したり、いくつかの関数を使うことも可能です...(続きを読む)

画像をスライスして徐々に画面を切り替える「Slice Revealer」
アニメーションのクオリティがいい感じで、ついつい画面を切り替えたく...(続きを読む)

ブラウザ上でテーブル編集を可能にする「tabullet」
テーブルのデータをブラウザ上でちょっといじりたいみたいなケースにつ...(続きを読む)

軽量のスライド式サイドメニュー実装「bigSlide.js」
実装も使うのも簡単なシンプルなサイドメニュー実装関連エントリ 複数階...(続きを読む)

ページ内にインスタグラムの写真をかっこよく表示できるjQueryプラ...
自前サイトにもInstagramのデータを出したい場合にサクッとつかえそうです...(続きを読む)

特定のDOMを指定して印刷することが出来るボタン「printThis」
$(".demo").printThis(); などのようにセレクタを指定してprintThisすれ...(続きを読む)

画像をバラバラに切り裂いて元に戻す風スライドショー
WEB上では斬新なスライドショー実装のチュートリアルとデモ。色々応用で...(続きを読む)

フィルター可能な選択リスト作成「multi-list」
文字列でフィルタできるチェックボックス付きのリストを生成できます。...(続きを読む)

リッチなファイルアップロードウィジェットが作れる「filepond」
次のようなリッチなアップロードウィジェットが実現できます関連エント...(続きを読む)

日付や時間を指定するスライダーUI実装「jquery-time-slider」
検索画面での時刻の範囲指定等をするのに便利そう関連エントリ コンテン...(続きを読む)

Vanila.jsベースのツールチップ＆ポップオーバー実装「Tippy.js」
ツールチップなら任せろといわんばかりの豊富な機能多数関連エントリ CSS...(続きを読む)

テキストを高速に動かしているようなかっこいいエフェクトが作れ...
あまり見たことのないようなテキストアニメーション効果の実装ができま...(続きを読む)

bootstrapのselectボックスを多機能にする「bootstrap-select」
selectボックスをジャンル分けで分類表示したり検索によるフィルタ機能に...(続きを読む)

階層的なメニューをWEB上で編集できる「jQuery Menu Editor」
次のようにWYSIWYGで階層メニューのD&Dによる編集などが可能です関連エ...(続きを読む)

ホラー映画風スライドショー実装「Glitch Effect Slideshow」
画面切替をちょっと怖い感じに演出できます関連エントリ レスポンシブな...(続きを読む)

SVGのパスに添わせてアイテムをアニメーションさせられる「PathSlide...
回転するメニュー風のUIを実装できます関連エントリ コンテンツを斜めに...(続きを読む)

SVG等を手書き風に描画することができる「Rough.js」
地図もこんな感じに味のある感じにできます関連エントリ SVGとanime.jsを使...(続きを読む)