When there is just far too much content to squeeze into 1 page, sometimes it helps to divide the page up into tabs. Although this may not be so appropriate for textual web content, this approach is definitely useful if you are in the middle of screen design for a complex web application. For instance, in an enquiry screen whereby the information to be displayed has a complex-multilevel parent-child relationship, a multi-layer tab approach can help to make the steps appear clearer.
We’ve been doing some research into the display of tabbed content lately and came across the following resource:-
- Example of tabbed content from Dynamic Drive
- Exmple of ajax tabs from Dynamic Drive
- Simple tabs from SilverOrange
The Dynamic Drive one was my favourite, although we ended up using our own afterall. But thanks goes to these guys for sharing their solutions and inspiration with us.
There are lots of css tabbed solutions out there, but these stood out to me.