サイト内検索:

jQuery用スライド効果プラグイン「Sequence.js」が素敵。

Sequence is the jQuery slider plugin with infinite style. It provides the complete functionality for a website slider without forcing you to use a set theme. In fact, Sequence has no in-built theme, leaving you complete creative control to build a unique slider using only CSS3 -- no jQuery knowledge required!

Sequence.js - The jQuery Slider Plugin with Infinite Style

最近のWebページでは大きな写真(画像)が左右にスライドして切り替わるといった効果がよく使われているのですが、そんな効果を実現するjQuery用プラグインです。

いちおうまだベータということなので最終版が出るのを待つのもよいのですが、とりあえず以下のデモを見て期待わくわくしてみてください。

Modern Slide

次のスライドに映る前に一度ぼわっと消える、ってのが単にスライドさせるだけじゃなくていい感じです。

Sliding Horizontal Parallax

テキストとオブジェクトが別のアニメーションをしながら切り替わっていきます。これが簡単に実装できるならかなりコストパフォーマンスが高いですね。

Apple Style

Appleのサイトで見たことがあるいろいろな動き方をするやつです。これについてはモダシンで前に書いたこの記事も参考にしてみてください。

アップルの「iPhone 4S」のWebページで使われているCSSアニメーションが面白い

で、このSequence.jsですが、以下のようなセールスポイントのようです。

・Unique transition styles created using CSS3
・Supports all modern browsers
・Gracefully degrades in older browsers
・Supports touch devices and swiping
・Supports responsive layouts
・20+ options (and more to come!)

IE7でも利用できると申しております。それってすごいな。

Web制作の現場で使う jQueryデザイン入門 (WEB PROFESSIONAL) Web制作の現場で使う jQueryデザイン入門 (WEB PROFESSIONAL)

blog comments powered by Disqus

2011年アルファブロガー受賞

新着DVD

モバイル

Powered by Movable Type 6.1.2

ブログ内検索

BlogPeople ReviewMe!

このサイトのレビューとか応援コメントを書いてもらえると励みになります。

Affi☆List for Amazon

バナー広告

このブログ記事について

このページは、nagasawaが2012年2月17日 19:03に書いたブログ記事です。

ひとつ前のブログ記事は「Mac OS X 10.8のGatekeeperのダイアログ」です。

次のブログ記事は「【お願い】アルファブロガー・アワード 2011に推薦してちょ!【します】」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。