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
    Create a CSS Flipping Animation

    CSS animations are a lot of fun; the beauty of them is that through many simple properties, you can create anything from an elegant fade in to a WTF-Pixar-would-be-proud effect. One CSS effect somewhere in between is the CSS flip effect, whereby there's...

Incredible Demos

  • By
    Create a Photo Stack Effect with Pure CSS Animations or MooTools

    My favorite technological piece of Google Plus is its image upload and display handling.  You can drag the images from your OS right into a browser's DIV element, the images upload right before your eyes, and the albums page displays a sexy photo deck animation...

  • By
    Image Reflections with CSS

    Image reflection is a great way to subtly spice up an image.  The first method of creating these reflections was baking them right into the images themselves.  Within the past few years, we've introduced JavaScript strategies and CANVAS alternatives to achieve image reflections without...

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!