Christian Heilmann

Have I got tabs for you!

Thursday, May 17th, 2007 at 12:15 pm

One of the guys I keep dragging into the limelight of the web (the last time with an A List Apart article on font resize monitoring) is my colleague Lawrence Carvalho. This time he has an amazingly versatile tab interface based on the YUI on offer.

a draggable and closeable tab in action

There are many tabs solutions out there, including my DOMtab but Lawrence’s beat mine hands-down:

  • Based on design patterns described in the YUI Design Pattern library (Drop invitation, Spotlight, Fadeout)
  • URL Fragment aware (ah I have that, too) – highlights targeted patterns in the URL
  • Uses Event Delegation
  • Allows for deletion of tabs and re-ordering of tabs – including dragging a tab from one tab group to another!

Check out the example page to see the different implemenations.

[tags]tabs,dom,javascript,interface,lawrencecarvalho,draganddrop[/tags]

Share on Mastodon (needs instance)

Share on BlueSky

Newsletter

Check out the Dev Digest Newsletter I write every week for WeAreDevelopers. Latest issues:

Don't stop thinking, AI Slop vs. OSS Security, rolling your own S3 Despite AI you still need to think, Bitter lessons from building AI products,  AI Slop vs. OSS security and pointer pointer…
200: Building for the web, what's left after rm -rf & 🌊🐴 vs AI What remains after you do a rm -rf? Why do LLMs know about a seahorse emoji? What image formats should you use? How private is your car?
Word is Doomed, Flawed LLM benchmarks, hard sorting and CSS mistakes Spot LLM benchmark flaws, learn why sorting is hard, how to run Doom in Word and how to say "no" like a manager.
30 years of JS, Browser AI, how attackers use GenAI, whistling code Learn how to use AI in your browser and not on the cloud, why AI makes different mistakes than humans and go and whistle up some code!
197: Dunning-Kruger steroids, state of cloud security, puppies>beer

My other work: