Smashing Magazine

LOL!
Both are wrong!

Its Freeware Tab Interfaces, not Interace

Are you guys looking over my shoulder? I was working on a cute little tab-based interface – nothing as cool as what you have here. This post should save me a few hours upfront and countless hours in maintenance.

Thanks!

Did you wait for me to spend four hours coding yesterday before posting this? :P

Thanks for the list.

Please note there’s a typo “Interaces” (twice) :-)

Great list, excellent information. This is my first post but i am a frequent visitor. Please plan a organized section for new designers and developers.

I made some research a couple of months ago in search for the perfect tabbed interface. All but Barelyfitz’ Tabber have the same flaw : their markup is semantic non-sense, ie there’s a UL list, then the tabs, which makes absolutely no sense when printed. On the contrary, Tabber starts from correct and sensible markup, and then generates a clean tabbed interface.

great list, thanks, i was just starting the other day to look for some examples, as i have to use this method in a project.
great work!

You missed some, like MooTabs and Digitarald’s Tabs for mootools ;-) If you want to know more they are in my mootools plugins list (french).

There was the net4visions.com prototype tabs script too, the original site is down, but you can grab a copy there.

Brilliant as usual :)

nice examples. i think we will see much more of theses techniques in the near future. thanks

Ext has a really nice, robust tab interface: http://extjs.com/deploy/ext/examples/tabs/tabs.html

Are there any here that can handle 2 rows of tabs? As in, when the number of tabs (or the lengths of their labels) causes the tab row to be wider than the container?

I’ve all but given up on tabs, because I can never get anyone to agree on labels short enough to fit. Fluid layouts complicate this even further…

thanks! really useful

Himm Very excellent list. I used some tabs ;)

Thanks for share

I’ve tried WebFX and cannot get more than 2 tabs to work. I’ve tried to use Adobe Spry Framework and it doesn’t work right of the bat and no support from Adobe. Just other users sayng “I don’t know what to tell you. It works for me.”

I just got a fix from the Adobe forum and am sticking with the Spry stuff altogether.

The only problem with tabbed interfaces are still the search engines crawling…

Most of the scripts aren’t friendly to search engines.

only u need to add … when user hit the button.. with the help of javascript.. just googled the problem…

How can i make these tabs dynamic adding tabs into tabcontainer according to the fields retrived from database. also along with adding fields have to add dynamically data into it?? any suggestions

thanks

thanx

very good tutorial find more
click here

Thanx Nice

You have a spelling mistake in “Freeware Tab Interaces” it should be Interfaces.

Rajivk1 – if you want to load external data & want to show the loading icon – please use Ajax. In now days you can do it quite easily. :)

Hello,

There also another css tab named boxy tab. you can find it on tahSin’s gaRAge. thanks.