Open Source Resources for Web Application Developers

Shopify - Online Store Builder
Follow Us on Social Sites
Subscribe RSS Subscribe Newsletter Like us on Facebook Follow us on Twitter Follow us on Google+
  • Home
  • News
  • Plugins
  • Design
  • Others
  • Books
  • About
14 Nov

Yetii – Yet (E)Another Tab Interface Implementation

  • License Free, Menu
  • Leave a Comment

yetii.png

There are plenty of DHTML tabs scripts out there but most of them are either poorly coded, library/framework dependend or bloated with unnecessary functionality. So Grzegorz Wójcik has decided to come up with this simple, yet functional tab interface implementation. It is called Yetii, stands for Yet (E)Another Tab Interface Implementation. It has the following features.

  • extremely lightweight, object-oriented code
  • gracefull degradation in browsers without JavaScript
  • you can specify initial tab
  • you can customize class names
  • you can turn on automatic tabs rotation
  • you can have many tab interfaces on a single page

Requirements: No Requirements
Demo: http://www.kminek.pl/lab/yetii/
License: License Free

Share
Tweet
Sponsors
subscribe to our newsletter - weekly free resouces for web developers
follow us on social sites - rss, facebook, google+, Twitter
Subscribe RSS Like us on Facebook Follow us on Twitter Follow us on Google+
Related Resources
How to Create Dynamic Tabs with jQuery

How to Create Dynamic Tabs with jQuery

How to Create a Custom Facebook Page with FBJS

How to Create a Custom Facebook Page with FBJS

Easy Responsive Tabs jQuery Plugin for Web & Mobile

Easy Responsive Tabs jQuery Plugin for Web & Mobile

Create 3D and Space Efficient Menu with Meny

Create 3D and Space Efficient Menu with Meny

Ext Core – Intuitive Cross Browser Javascript Library

Ext Core – Intuitive Cross Browser Javascript Library

Active Scaffold Ajax CRUD Interfaces for Ruby on Rails

Active Scaffold Ajax CRUD Interfaces for Ruby on Rails

Comments
  • Pingback: Gilbert “Gilbitron” Pellegrom » » YETII - Yet (E)Another Tab Interface Implementation

  • JL Smith

    This is really a nice piece of dhtml. Clean code, no bloat. Icing would be some scriptaculous tab change effects. Thanks Grzegorz!

  • Pingback: Recursos y Tutoriales » Blog Archive » Crear pestañas desde una web

  • Pingback: Como hago esto en Wordpress? - Foros de CHW

  • Judy

    This is a great code. I have no knowledge of HTML or PHP but I find the code easy to follow and implement.

    However, I do have a question and hope someone can help. When I click on a tab, I would like to call up a site. One of my tabs is called Blog and I would like to call up my blog when the user clicks on that tab. Can anyone tell me how I should write the coding for it? Thanks.

  • Mark

    I was reading the comment from Judy back in June 08 and was wondering if anyone ever answered her question? I am the same question and cannot get it to work. I have tried multiple ways to make one of the tabs a standard link but no matter what method I use it always just opens the tab.

  • Judy

    No Mark. No one has replied to me on the above. So, I changed to a different tab system and resolved my problem.

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

© Copyright 2012 WebAppers | About | Archives | Privacy Policy | Advertise | Contact

Sponsors
Advertise Here
Search
By Keywords
30 Days / All Time
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • Professional Business Cards Made By Designers
  • Best Free Chrome Extensions for Web Developers
  • All of the Best Free WordPress Themes You Need
  • How to Create a Web App Admin User Interface
  • Nice List of Open Source Fish Eye Menu
  • Best Web Admin Templates
  • 25 Useful Blogs for Web Design & Development
  • Simple Javascript Progress Bar with CSS
  • 10 Useful & Quality Design Resources
  • Free Web Application Icons
  • Free Responsive HTML5 + CSS3 Site Templates
  • 35 Creative Twitter Covers for Web Designers
  • FROONT: Responsive Web Design in the Visual Way
  • Designing Experiences for Responsive Web Sites
  • jQuery Unveil: The Lightweight Version of Lazy Load
  • What are HTML5 Datalists and When to Use Them
  • Easy Responsive Tabs jQuery Plugin for Web & Mobile
  • jQuery.Swatches Turns Div into a Sweet Color Swatch
  • Pure: A Set of Small & Responsive CSS Modules
  • Create Sexy Android-like UI with Fries
Sponsors
Plugins
  • Advertisement15
  • Calendar48
  • Capture19
  • Charts55
  • Chat22
  • Demo Tour17
  • Gallery121
  • Maps30
  • Menu87
  • Polls9
  • Popup50
  • Tooltips42
  • Upload33
  • Video18
Desgin
  • Brushes11
  • Buttons27
  • Color Schemes25
  • Fonts47
  • Forms115
  • Icons110
  • Patterns24
  • PS Tutorials17
  • Stock Photos21
  • Tables25
Others
  • Announcement104
  • Best Collections6
  • Code57
  • eCommerce25
  • Framework217
  • Hosting13
  • Information245
  • Inspiration32
  • Legal Documents10
  • Reviews8
  • Security13
  • Social28
  • Sound16
  • Stats40
  • Tools302
  • Webmail14
Licesnes
  • BSD License69
  • CC License123
  • GPL License224
  • LGPL License40
  • License Free749
  • MIT License423
Sponsors
Advertise Here
Partners
MaxCDN