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.

Cloudinary

Recent Features

  • By
    5 Awesome New Mozilla Technologies You’ve Never Heard Of

    My trip to Mozilla Summit 2013 was incredible.  I've spent so much time focusing on my project that I had lost sight of all of the great work Mozillians were putting out.  MozSummit provided the perfect reminder of how brilliant my colleagues are and how much...

  • By
    9 Mind-Blowing Canvas Demos

    The <canvas> element has been a revelation for the visual experts among our ranks.  Canvas provides the means for incredible and efficient animations with the added bonus of no Flash; these developers can flash their awesome JavaScript skills instead.  Here are nine unbelievable canvas demos that...

Incredible Demos

  • By
    Color Palette Generator Using jQuery

    As I continue to learn jQuery, I think it's important that I begin by porting over scripts I've created using MooTools. One of those scripts is my Color Palette Generator script, which debuted on Eric Wendelin's blog. For those of you that...

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

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!