Listless Navigation – Using CSS To Do More With Less

By  on  

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

Jump over to Chris' blog to read my article -- Listless Navigation - Using CSS To Do More With Less.

Recent Features

  • By
    CSS @supports

    Feature detection via JavaScript is a client side best practice and for all the right reasons, but unfortunately that same functionality hasn't been available within CSS.  What we end up doing is repeating the same properties multiple times with each browser prefix.  Yuck.  Another thing we...

  • By
    Facebook Open Graph META Tags

    It's no secret that Facebook has become a major traffic driver for all types of websites.  Nowadays even large corporations steer consumers toward their Facebook pages instead of the corporate websites directly.  And of course there are Facebook "Like" and "Recommend" widgets on every website.  One...

Incredible Demos

  • By
    Introducing MooTools ElementSpy

    One part of MooTools I love is the ease of implementing events within classes. Just add Events to your Implements array and you can fire events anywhere you want -- these events are extremely helpful. ScrollSpy and many other popular MooTools plugins would...

  • By
    jQuery Countdown Plugin

    You've probably been to sites like RapidShare and MegaUpload that allow you to download files but make you wait a specified number of seconds before giving you the download link. I've created a similar script but my script allows you to animate the CSS font-size...

Discussion

  1. A very interesting idea. Now I just have to get enough traffic to my sites to make it worth it…

  2. 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.

  3. Bill Byrd

    It seems impossible to find an example of listless navs with sub-menus. Can you point to any? Thanks

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!