Search Options
close
Search the following clips:
All Clips
Everyone's Clips
My Guides
Sign Up
Install
Learn More
Login
14 Tab-Based Interface Technique
zamanikarmana
follow
1
4-18-2007 7:23 AM
519 views
tags:
ajax
,
tabs
,
contentbox
,
dhtml
,
javascript
,
navigation
Add a Comment
Login
to Comment. Not a member yet?
Sign up
Related Clips
I Own Your Web 2.0
Qwicket, quickstart application pour Wicket
GTD with RTM: Getting Things Done with Rem...
Ajax shirt swap
Raul Midon - "State of Mind"
Top Cancer-causing Products in Average Home
WebShell | web-based SSH Shell
More clips from
zamanikarmana
Textures and Patterns Design Showcase
Web-based favicons generators and resources
25 Beautiful Minimalistic Website Designs ...
Today's Top Clips
Dolphins walk on water in the wild
Proven: Gorillas have human emotions
5 Insanely Small And Inhabited Private Islands
The Male Brain, Explained
India's Goldfinger : Abhinav Bindra
Russia will go "beyond diplomacy" in response to missile shield
Eight of the Most Scenically Breathtaking Natural Springs in the World
Exuberance of light - amazing
Corpse kept upright for 3-day wake in Puerto Rico (with photos)
You Are Never Too Old Or Frail In China
visit the
Top Clips page
View the Top Clips from
April 18, 2007
Embed This Clip In Your Site...
<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://www.clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/fcbb3aae-da76-488f-81a8-913aca11e9eb/8C683527-D7C0-49DE-8C01-7D56A6AD0FE7/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/" href="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/" style="font-size: 11px;">www.smashingmagazine.com</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/">The development of efficient and user-friendly interfaces is quite hard to deal with, and tabs can guarantee a quick access to information without need to open and close dozens of windows at the same time. Tabs-based interfaces allow multiple documents to be contained within a single window and tabs can be used to navigate between them.</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/"><H3>Freeware Tab Interaces</H3></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/"><P><A href="http://livepipe.net/projects/control_tabs/">Control.Tabs</A> Based upon Prototype Javascript Framework.</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/"><div align="center"><img src="http://content6.clipmarks.com/blog_cache/www.smashingmagazine.com/img/0531EF01-578C-49E6-8EC5-AFF503FD5EF0" alt="Screenshot" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/"><P><A href="http://stilbuero.de/2006/05/13/accessible-unobtrusive-javascript-tabs-with-jquery/">Javascript Tabs vom Stilbüro </A> Based upon jQuery | <A href="http://stilbuero.de/jquery/tabs/#section-1">Demo</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/"><div align="center"><img src="http://content7.clipmarks.com/blog_cache/www.smashingmagazine.com/img/8E119C72-59BA-413B-833F-9AAD054FD7FA" alt="Screenshot" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/"><P><A href="http://developer.yahoo.com/yui/tabview/">Yahoo TabView </A> A part of UI Library | <A href="http://developer.yahoo.com/yui/examples/tabview/index.html">Demos</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/"><div align="center"><img src="http://content8.clipmarks.com/blog_cache/www.smashingmagazine.com/img/B7129ABE-DE1E-4EAF-A692-168BCE878BA6" alt="Screenshot" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/"><P><A href="http://www.smashingmagazine.com/wp-admin/Google%20Web%20Toolkit%20http://code.google.com/webtoolkit/documentation/com.google.gwt.user.client.ui.TabPanel.html">TabPanel</A> provided by Google Web Toolkit. <A href="http://labs.adobe.com/technologies/spry/articles/tabbed_panel/">Tabbed Panels</A>, provided by <A href="http://labs.adobe.com/technologies/spry/">Adobe Spry Framework</A>.</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/"><P><A href="http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/">AJAX Tabs Content Script</A> Classic from Dynamic Drive.</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/"><div align="center"><img src="http://content9.clipmarks.com/blog_cache/www.smashingmagazine.com/img/21F2AE4C-7450-4D03-89CA-DDE39ECD91E0" alt="Screenshot" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/"><P><A href="http://www.dhtmlgoodies.com/index.html?whichScript=tab-view">Tab Panes</A> in two versions by DHTMLGoodies, with Close-Buttons. <A href="http://www.dhtmlgoodies.com/scripts/tab-view/tab-view.html">Demo I</A> | <A href="http://www.dhtmlgoodies.com/scripts/tab-view/tab-view-demo2.html">Demo II</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/"><div align="center"><img src="http://content6.clipmarks.com/blog_cache/www.smashingmagazine.com/img/B9479DC0-B526-4E86-860E-C4A3F3438201" alt="Screenshot" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/"><P><A href="http://www.barelyfitz.com/projects/tabber/">JavaScript Tabifier</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/"><div align="center"><img src="http://content7.clipmarks.com/blog_cache/www.smashingmagazine.com/img/1294D182-6153-45DD-83EF-DABD5F6CE210" alt="Screenshot" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/"><P><A href="http://actsasflinn.com/Ajax_Tabs/index.html">AJAX Tabs</A> <A href="http://actsasflinn.com/Ajax_Tabs/index.html"><IMG width="316" height="65" border="0" alt="Screenshot" src="http://www.smashingmagazine.com/images/tabs/rails.gif" /></A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/"><P><A href="http://www.crackajax.net/tabs.php">Ajax Project - Tabbed Page Interface</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/"><div align="center"><img src="http://content8.clipmarks.com/blog_cache/www.smashingmagazine.com/img/5B1BDD93-1286-40CF-BD42-BFFDA9BE0A0F" alt="Screenshot" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/"><P><A href="http://onlinetools.org/tools/domtabdata/">DOMTab - Navigation tabs with CSS and DOMscripting</A> is presented in two versions.</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/"><div align="center"><img src="http://content9.clipmarks.com/blog_cache/www.smashingmagazine.com/img/F3F202E6-6C6A-474F-99FE-87FDC6DF5DB8" alt="Screenshot" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/"><P><A href="http://phrogz.net/JS/Tabtastic/index.html#overview">Tabtastic</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/"><div align="center"><img src="http://content6.clipmarks.com/blog_cache/www.smashingmagazine.com/img/02E14DA6-90D9-4000-962A-9BA3ED43DAC6" alt="Screenshot" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/"><P><A href="http://www.kollermedia.at/archive/2007/02/20/download-tabmenu-for-free/">Tabmenu</A> Works as MouseOver without mouse click.</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/"><div align="center"><img src="http://content7.clipmarks.com/blog_cache/www.smashingmagazine.com/img/E327BDCB-07DD-4A04-B2A3-7549D08CC76B" alt="Screenshot" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/"><H3>Shareware Tab Interaces</H3></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/">dhtmlxTabbar </blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/"><div align="center"><img src="http://content8.clipmarks.com/blog_cache/www.smashingmagazine.com/img/CAA2132B-4527-4036-AA83-87D7A6846473" alt="Screenshot" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/">ActiveWidgets 2.0</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/"><div align="center"><img src="http://content9.clipmarks.com/blog_cache/www.smashingmagazine.com/img/5088FF0A-54A2-4D41-BC2C-BD66E824D4B8" alt="Screenshot" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/">Zapatec Tabs</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.smashingmagazine.com/2007/04/18/14-tab-based-inferface-techniques/"><div align="center"><img src="http://content6.clipmarks.com/blog_cache/www.smashingmagazine.com/img/62B1AE86-DEDA-4D07-8662-28C3856920BA" alt="Screenshot" /></div></blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;"> </td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/8C683527-D7C0-49DE-8C01-7D56A6AD0FE7/blog/" title="blog or email this clip"><img src="http://content7.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>
Clipmarks
Home
New Clips
Top Clips
Dashboard
Popular Topics
News
Life
Science
Technology
Entertainment
Get Started
Sign Up
Install Clipping Tool
How Clipping Works
Clip-to-Blog™
ClipSearch
Tools and Resources
FAQ
ClipWeek
Top Clippers
Top Tags
Site Map
About Clipmarks
About Us
Contact
Blog
Copyright
Privacy
EULA
OK