Cooking Up Improved CSS Tabs

1 comment

A few months ago, I developed some simple CSS tabs and shared them over at the silverorange labs. Ever since, I've wanted to re-engineer them to improve upon them. Then, last night someone posted over on the labs site encouraging me to nest the secondary menu in the primary list. I stayed up until four in the morning refining the tabs with a much better method of laying them out and then cleaned things up this morning so they're in better shape to share.

The new tabs are much more browser compatible, flexible, and semantically correct. Anyhow, if you're interested there's a slightly more in-depth explanation of what's new and how they work and a ZIP file for you to download over on the other site. Or go right for it and see them in action. I'd love to hear from you if you make improvements on them yourself.

Comments

Comments are locked. No additional comments may be posted.

Steven Marshall -

Good work, Daniel.

Ironically enough, I'd just finished working on a similar venture (pure CSS dropdowns to replace the JavaScript efforts at my current employer's homepage...

I know the current (Javascript) version doesn't look like much work to make in CSS, you'd be right - the problem is that the design isn't correct, so I tried (and succeeded) to make my CSS version match the style guidelines.

Once I get my personal site off the ground in a few months' time, I'll drop you the link, if you like (the version for work isn't likely to go live for a good 6-12 months, more's the pity!).

Bio via LinkedIn

Daniel Burka

My name is Daniel Burka. I'm a web designer living in San Francisco. Currently, I'm the director of design with a startup called Tiny Speck and for several years I was the creative director at Digg. I grew up in PEI, Canada, where I was one of the founders of silverorange. Aside from obsessing about interface design and css selectors, I'm a frequently-falling rock climber, a lazy cyclist, and an often out-of-bounds disc golfer.

Tweets via Twitter

Photos via Flickr

Listening via Last.fm

Syndication via RSS

Search


Summary

I'm a web designer living in San Francisco, California. I sometimes get the chance to present lectures and workshops at conferences around the world, where I speak about iterative design strategies, designing for large online communities, and more broadly about interface design for web applications. I've posted many of the slides from past presentations I've done on Slideshare.

Currently, I'm the director of design at a small gaming startup called Tiny Speck. Until October 2009, I was the creative director at Digg. I was also one of the co-founders of the social content-sharing site Pownce, which is now a part (heh heh) of Six Apart. Back in 1999, I helped found silverorange, a stellar web development and design firm based in Prince Edward Island, Canada. I continue to work with silverorange, but as an inactive partner.

Contact

I'm not currently looking for any kind of work and sometimes I take a long time to respond to email, but if you'd like to contact me please send an email to daniel [at] deltatangobravo [dot] com

Elsewhere

I tweet when the mood strikes at Twitter

I sometimes review products on Silverorange Stuff

I sell my amateur photography on Clustershot

I post some of my personal photos on Flickr

I used to contribute on the Digg Weblog

I connect with people I actually know in the real world on Facebook

This Blog

The technology that powers this blog was built by silverorange on their Swat open-source web application toolkit. I'm no longer working on day-to-day projects at silverorange, but they're available for hire if you're looking for top-notch interface design or web application development.

Speaking

Spoke