Listless Navigation – Using CSS To Do More With Less

By David Walsh on December 13, 2007

I've guest-blogged on Chris Coyier's blog, CSS-Tricks.com.

Recent Features

By David WalshJanuary 20, 2014
5 Ways that CSS and JavaScript Interact That You May Not Know About
CSS and JavaScript: the lines seemingly get blurred by each browser release. They have always done a very different job but in the end they are both front-end technologies so they need do need to work closely. We have our .js files and our .css, but...
By Mark McDonnellMarch 30, 2015
Designing for Simplicity
Before we get started, it's worth me spending a brief moment introducing myself to you. My name is Mark (or @integralist if Twitter happens to be your communication tool of choice) and I currently work for BBC News in London England as a principal engineer/tech...

By David WalshSeptember 22, 2011
Elegant Overflow with CSS Ellipsis
Overflow with text is always a big issue, especially in a programmatic environment. There's always only so much space but variable content to add into that space. I was recently working on a table for displaying user information and noticed that longer strings were...
By David WalshAugust 31, 2010
Duplicate the jQuery Homepage Tooltips
The jQuery homepage has a pretty suave tooltip-like effect as seen below: The amount of jQuery required to duplicate this effect is next to nothing; in fact, there's more CSS than there is jQuery code! Let's explore how we can duplicate jQuery's tooltip effect. The HTML The overall...

Eric Wendelin
A very interesting idea. Now I just have to get enough traffic to my sites to make it worth it…
Dustin Brewer
I have written a response to your article on CSS-Tricks. I hope that you don’t take offense to the article, I only want to clarify the importance of using lists for semantic and accessible markup.
Bill Byrd
It seems impossible to find an example of listless navs with sub-menus. Can you point to any? Thanks