画像をレイヤーに分けてかっこよくアニメーションするサンプル
一見の価値あり関連エントリ 画面をオーバーレイでかっこよく切り替える...(続きを読む)

CSSオンリーのおしゃれなマーキーエフェクト
マーキーといえばWeb1.0ですが、そんなものを微塵も感じさせないおしゃれ...(続きを読む)

画面トップの画像にグラデーションを重ねるジェネレーター「hero-g...
影の形状や形、色などを設定して生成可能。なんとなく今っぽいヘッダー...(続きを読む)

CSSレイアウトやUIパーツのパターン集「CSS Layout」
よく使われるCSSレイアウトやナビゲーション、UIパーツがソースコード付...(続きを読む)

スライダー付きのビフォア・アフター画像表示UI「Image Compare Viewer...
中央部分のつまみをスライドさせることで簡単に画像比較が可能関連エン...(続きを読む)

手書きが逆にわかりやすい注記表示ライブラリ「RoughNotation」
次のように手書き風の注記をアニメーション付きで表示してくれる。単な...(続きを読む)

永遠に縦スクロールするメニュー実装サンプル
一番下までいってもまた上に戻ってくる感じのメニューが作れます。関連...(続きを読む)

インタラクティブな図画を色々と描画できる「CindyJS」
マウスのドラッグで変化するような図画を描画できデータのビジュアリゼ...(続きを読む)

フルスクリーンで展開するクールなメニュー実装「Multibox Menu」
タッチ端末の方が多くなった現在においてはこうしたメニューの方がタッ...(続きを読む)

グリッド状の楽しいレイアウト実装サンプル
壁に写真が沢山貼ってある風のレイアウトでアイテムをタップすると詳細...(続きを読む)

ホバー時に写真をフルスクリーンで切り替えるクールなエフェクト...
メニューにホバーするとそのサキにある画像をフルスクリーンで切り替え...(続きを読む)

複数画像をオシャレに切り替える「Circular slider」
複数の画像をつかって立体的にイメージを切り替えるスライダーが実装可...(続きを読む)

オシャレな画像ギャラリー実装デモ「Animated Grid Previews」
。メニューをタップすると背景画像としてギャラリーがプレビューされて...(続きを読む)

モダンなカスタムスクロールバーを簡単実装「SimpleBar」
最初からスクロールバーがむきだしになっているのではなく、iOSで必要に...(続きを読む)

シンプルでカスタマイズ可能なHTML5動画プレイヤー「Ckin」
関連エントリ HTML5を使ったシンプルなシューティングゲーム「shooting-range...(続きを読む)

WEB上で複雑なレイアウトのページを自由にWYSIWYGで編集できる「grape...
関連エントリ Markdownが書けるWYSIWYGエディタ「TOAST UI Editor」...(続きを読む)

グラデーションをWEB上で設定に便利なカラーピッカー「grapick」
その場で確認しながらグラデーションを生成できます関連エントリ モダン...(続きを読む)

シャレオツなページめくり効果のデモ「Page Flip Layout」
紙面のようなデザインではありますが、ページの切り替え方がかっこよく...(続きを読む)

JSでタイムゾーンを扱う際に便利な「spacetime」
特定のTZでじこくを時刻を設定し、他のTZに切り替えて今の時間をしるとい...(続きを読む)

シンプルなグリッドベースのギャラリー実装jQuery「sampGallery」
Googleの画像検索っぽい画像の拡大をしてくれるギャラリーが実装できます...(続きを読む)