スライドスクリプトとスライドを上手く利用したウェブサイトいろいろ
JavaScriptを使って、ダイナミックな動きのあるサイトがたくさんありますね。
今回は特にスライドに注目していろいろなスクリプトとスライドを上手く利用したウェブサイトをまとめてみました。
サンプルのスクリプトと、インスピレーションサイトを参考にして、かっこいい動きのあるサイト作りに挑戦してみてはいかがでしょうか？
jQuery pageSlide
ページ右側からスライドしてきます。
Slider Gallery
アップルのサイトでも使われていた、商品画像のスライド
BarackSlideshow – An elegant, lightweight slideshow script
オバマ氏のサイトで使われていたスライドショースクリプト
Accessible News Slider
矢印ボタンをクリックすると、記事リストがスライドします。
Start/Stop Slider
画像は上下に、テキストは左右にスライドします。
mooSlide
上から、もしくは下からコンテンツがスライド
Coda Slider Effect
コンテンツ上部のタブ、もしくは左右の矢印ボタンをクリックするとコンテンツがスライド
Sliding Tabs
左右の矢印ボタンをクリックするとコンテンツがスライドします。
Coda-Slider
コンテンツ上部のタブ、もしくは左右の矢印ボタンをクリックするとコンテンツがスライド
Creating a Slick Auto-Playing Featured Content Slider
サムネイルクリックでスライド
Build An Incredible Login Form With jQuery
ログインフォームのスライド
Carousel
左右の矢印ボタンでスライド
jCarousel
左右の矢印ボタンでスライド
Scroll your HTML with jquery scrollable
左右の矢印ボタンでスライド
インスピレーションサイト
これらのスライドスクリプトをうまく使うと、以下のようなかっこいいサイトがつくれますよ。ご参考にどうぞ。
youlove.us
tap tap tap ~ tasty bits for your iPhone
Viget Labs Is Hiring
Panic – Coda – One-Window Web Development for Mac OS X
IL FRUTTETO
Lucuma | Audiovisual
Engage Interactive
Goodworks Media
Danny Blackman // est. 1985
NOFRKS.design
Qlear Interaction Design
Ann Arbor Web Design and Ann Arbor Graphic Design, by 3.7 Designs Interactive
Web Design Belgrade
www.MelissaHie.com
volll
CSS Brigit | Fuente de Inspiración
IJsfontein
sourcebits
VivaViralVideo.com
Hotel Oxford – Timisoara
The portfolio of Bryan Katzel
|
|
|
1月 9th, 2009 at 7:43 AM
[...] スライドスクリプトとスライドを上手く利用したウェブサイトいろいろ [...]
1月 9th, 2009 at 3:07 PM
[...] original article [...]
1月 10th, 2009 at 3:34 AM
[...] スライドスクリプトとスライドを上手く利用したウェブサイトいろいろ[Webデザイン,JavaScript] [...]
1月 10th, 2009 at 4:41 AM
VivaVideoとThe portfolio of Bryan Katzelが気に入りました。
1月 12th, 2009 at 2:04 PM
[...] スライドスクリプトとスライドを上手く利用したウェブサイトいろいろ | D… （jQeryのpluginsなどもあり）スライドスクリプト [...]
11月 2nd, 2009 at 8:21 PM
[...] スライドスクリプトとスライドを上手く利用したウェブサイトいろいろ [...]