Latest Article

The Simple Secret to Good Dropdown Navigation

Respond

More |

By Rob Glazebrook on February 3, 2010

Centered Navigation Bar - Click to see it in action!

Almost every example of good dropdown navigation on the web today relies on a single, simple HTML structure: the nested unordered list. Without this structure, dropdown menus would be much more complex to build than they already are.

Of course, that means that knowing how to build a good nested unordered list is critical to this entire process. I’ve seen many examples of people trying to build a dropdown menu on their own, running into problems they didn’t understand, and throwing their hands up in frustration… only to discover their problem wasn’t some obscure CSS problem, but an error in their list structure.

As such, I thought it would be a good idea to go over what a good nested unordered list structure looks like (and what a bad one often looks like too!). Read the rest…

How To Emulate a Foreach Loop in JavaScript

I have trouble with JavaScript array and array-manipulation. JavaScript lacks a specific foreach contstruct, which trips me up. Here’s how to fake it.

Improve Usability and CTR: Make an Entire List Item Clickable

Larger clickable areas make for greater usability and a higher click-through rate. Here’s how to expand a clickable area to an entire list item using jQuery.

The Best CSS Newbie Articles of 2009

Happy 2010, readers of CSS Newbie! This year, more than a quarter million people stopped by, visiting more than half a million pages. Here are the Top 10 CSS Newbie Articles of 2009.

Build a Bare-Bones WordPress 2.8+ Widget

WordPress widgets have been around for quite some time, but the way they were developed changed with WordPress 2.8. This tutorial walks you through building one from scratch.

A Full-Width Centered Navigation Bar

A friend challenged me to develop a simple horizontal navigation bar that could be span the width of the screen but center the navigation area over his content. This is the result of that challenge.

How To Create Simple, Stylish and Swappable Image Captions

While they say a picture is worth a thousand words, not every image is self-explanatory. Sometimes a few words of description or context can make the difference between a confusing image and a clarifying one. That’s why image captions are often a good idea.