Search the web
Sign In
New User? Sign Up
ydn-javascript · Yahoo! User Interface Library Group
? Already a member? Sign in to Yahoo!

Yahoo! Groups Tips

Did you know...
Want your group to be featured on the Yahoo! Groups website? Add a group photo to Flickr.

Best of Y! Groups

   Check them out and nominate your group.
Having problems with message search? Fill out this form to ensure your group is one of the first to be migrated to the new message search system.

Messages

  Messages Help
Advanced
ScrollTabView: TabView using Scroll animation   Message List  
Reply | Forward Message #31302 of 52286 |
Re: ScrollTabView: TabView using Scroll animation

Hello Reid,

cool idea! I will try to implement it to my website in the near future
(first I have to get familiar with tabview:) It reminds me of the
"Carousel" widget which should appear in the next YUI versions, that I
am of course looking forward to.

I don't see so much sense in the vertical animation with tabs at the
moment but I could imagine something different. You have a viewport
and behind it there is a huge document, so with vertical and
horizontal tab-like controls along the X- and Y-axis you can position
your viewport (crosslines would be the correct metaphor) wherever you
want to see the part of the document... In computer games you do it
with this little worldview window.

Cheers, Klaudiusz


--- In ydn-javascript@yahoogroups.com, "Reid Burke" <me@...> wrote:
>
> Hey everyone,
>
> I've created a YUI addon, ScrollTabView, that allows you to transition
> between TabView content with a Scroll animation.
>
> This allows you to use YUI's tabs to create an effect similar to:
> - Yahoo! Widgets Homepage: http://widgets.yahoo.com/
> - Panic's Coda: http://panic.com/coda/
> - Mozilla's Firefox 3 pre-release start page:
> http://en-us.www.mozilla.com/en-US/firefox/3.0rc1/firstrun/
>
> You can specify your own direction (horizontal or vertical), animation
> duration, and easing as attributes. Complicated styles are all applied
> automatically-- just use it like a normal TabView.
>
> View examples of ScrollTabView in action and grab the code here:
> http://reidburke.com/yui/
>
> Direct links to examples and code:
> http://internal.reidburke.com/yui-addons/yodeler/widget/ScrollTabView.js
>
http://internal.reidburke.com/yui-addons/yodeler/examples/ScrollTabView/horizont\
al.html

>
http://internal.reidburke.com/yui-addons/yodeler/examples/ScrollTabView/vertical\
.html

>
http://internal.reidburke.com/yui-addons/yodeler/examples/ScrollTabView/easing.h\
tml

>
http://internal.reidburke.com/yui-addons/yodeler/examples/ScrollTabView/quick.ht\
ml

>
> It's all available under a BSD License-- so feel free to use it for
> your own projects!
>
> Bug reports and comments are very welcome!
>





Wed May 21, 2008 12:02 pm

klaudiusz.sz...
Offline Offline
Send Email Send Email

Forward
Message #31302 of 52286 |
Expand Messages Author Sort by Date

Hey everyone, I've created a YUI addon, ScrollTabView, that allows you to transition between TabView content with a Scroll animation. This allows you to use...
Reid Burke
comviper
Online Now Send Email
May 20, 2008
9:59 pm

Hello Reid, cool idea! I will try to implement it to my website in the near future (first I have to get familiar with tabview:) It reminds me of the "Carousel"...
Klaudiusz Szatanik
klaudiusz.sz...
Offline Send Email
May 21, 2008
12:02 pm

... Thank you. I haven't heard of Carousel until now. At first look it appears very similar, but you have to specify your own CSS files. ScrollTabView does...
Reid Burke
comviper
Online Now Send Email
May 21, 2008
4:29 pm
Advanced

Copyright © 2009 Yahoo! Inc. All rights reserved.
Privacy Policy - Terms of Service - Guidelines - Help