CSSでの画像切り替えアニメーションのアイデア集
画像を次に送った場合のアニメーションが豊富に提案されていて、イメー...(続きを読む)

立体的にブロック要素を別画面に切り替える超カッコいいデモ
。Safariのみ対応のようですが、超カッコよくて何度も切り替えてしまうこ...(続きを読む)

ピュアCSSでスライドアウトインタフェースの実現
。ページの再度にちょこっとタブ風の画像を置いておいて、クリックする...(続きを読む)

スライダーを上手く使ってデザインされたWEBサイト集３０
ページ上段に大きく画像を使ってデザインされたWEBデザイン集です。同じ...(続きを読む)

水平スクロールをうまく使ったデザインサイト４０
Alex Flueras横にスクロールすると写真がズラっと出てくるＵＩでクリックす...(続きを読む)

Bootstrap用、横スライド式メニュー等の追加コンポーネントが使える...
。通常のBootstrapだとスライドダウンする形式のメニューがレスポンシブで...(続きを読む)

ズーム、回転、スライド等の機能が詰まった画像ビューワ機能実装...
カスタマイズ性も高く色々調整できるようです関連エントリ タイル状、ス...(続きを読む)

複数オブジェクトを順次スライドさせる「Multi-Layout Slideshow」
。アプリ等でも見られる動きですが、複数の写真等を時間をずらして綺麗...(続きを読む)

オーディオ機器のボリュームを上げる風インタフェースを作るCSS3...
。次のようなインタフェースでマウスでドラッグ＆ドロップするとなめら...(続きを読む)

少ないスペース内でコンテンツをグリグリスクロールさせられるjQu...
少ないスペースに色々なコンテンツを置くような場合に参考にできそうで...(続きを読む)

１ページ内で複数ページに分割できるjQueryプラグイン「windows」
<section>で区切ったブロックをフルスクリーンのスライドに分割してく...(続きを読む)

コンテンツを滑らかにスライドさせるjQueryプラグイン
各種デモが以下で閲覧できます。 Default non-styled image slider Non-styled vert...(続きを読む)

画像やHTML、動画等何でもスライドできちゃウィジェット実装jQuery...
。簡単な定義でなんでもスライダーとして動作させちゃうことが出来ます...(続きを読む)

軽量でいい感じの画像スライダー実装jQueryプラグイン「Choco-Slider」
軽量(7KB)でいい感じの画像スライダー実装jQueryプラグイン「Choco-Slider」の...(続きを読む)

シンプルな紙芝居を実装できるjQueryプラグイン「sexyCycle」
。画像をクリックでなめらかにスライドしながら画像を切り替えるという...(続きを読む)

フルスクリーンのスライドを簡単に作れるjQueryプラグイン「FSVS」
divを並べて初期化するだけの簡単実装。オプションで挙動やコールバック...(続きを読む)

タッチ端末でもいい感じに使えるスライド作成jQueryプラグイン「Ite...
タッチでスワイプしながら切り替えられるスライド作成が可能。当然PCで...(続きを読む)

ホイールも効いて超いい感じのカルーセル実装jQueryチュートリアル
。そもそものデザインもいいのですが、次のようなコンテンツを左右にス...(続きを読む)

紙芝居のようなアニメーションでスライドするスライダー実装jQuery...
動きが昔見たような紙芝居風なスライダーです。左にスライドし、奥にし...(続きを読む)

シンプルだけどとってもクールなスライドショー実装jQueryプラグイ...
。画像は勿論、テキストベースのコンテンツなどもスライドとして枠内に...(続きを読む)