CSS Newbie

Intelligent Select Box Filtering

Rob Glazebrook — Fri, 16 Jul 2010 21:56:55 +0000

These select boxes all contain the exact same security question. However, each question can only be selected once — we're using jQuery to remove selected questions from all the other dropdowns.

Cross-Browser Rounded Buttons with CSS3 and jQuery

Rob Glazebrook — Thu, 22 Apr 2010 21:35:16 +0000

I was tasked with replacing several dozen Photoshop-generated rounded buttons on a large site with a flexible HTML/CSS/JS equivalent. I wanted it to be simple and leave the code as clean as possible. It also needed to work in all modern browsers. This is my solution.

Test for Border-Radius Support

Rob Glazebrook — Thu, 15 Apr 2010 22:11:11 +0000

Rounded corners with border-radius are nice... when they work. Unfortunately, not all browsers support border-radius yet. Here's a simple script that will let you test for border-radius support using jQuery.

I’m Attending AEA Seattle!

Rob Glazebrook — Fri, 02 Apr 2010 21:20:09 +0000

Once I'm done stuffing myself with Easter-related goodies this Sunday, I'll be catching a plane to Seattle to attend the An Event Apart conference. An Event Apart is two days of presentations on web design and the evolution and mastery thereof.

Show Your Google Analytics Top Content in Wordpress

Rob Glazebrook — Thu, 25 Mar 2010 22:05:43 +0000

If you're a typical blog owner, one of your biggest goals is to keep visitors browsing your site. One good way to do that is by showing off your most popular posts. Here's a way to show your Top Content from Google Analytics on your WordPress blog by piggybacking on an existing plugin.

Understanding the CSS Float Property

Rob Glazebrook — Fri, 19 Mar 2010 00:03:56 +0000

Floated elements are a different beast than anything else in CSS. And many people don't know how they work and interact with your document. Let's remedy that.

Button Height and a Broken Box Model

Rob Glazebrook — Tue, 02 Mar 2010 21:00:28 +0000

Buttons don't behave like normal elements when it comes to the standard CSS Box Model. In fact, they seem to ignore the box model altogether in favor of an IE6-style model. Strangely, this seems to be true across all modern browsers!

The Firefox Input Button Line-Height Bug

Rob Glazebrook — Thu, 25 Feb 2010 22:21:00 +0000

I recently ran into a bug in Firefox and Opera when I tried to set the line height of text inside a button (which affects input "submit" buttons as well as the HTML button tag). The bug? The line height can't be changed!

New Example Page Formatting

Rob Glazebrook — Tue, 16 Feb 2010 21:21:05 +0000

I've never liked that my CSS Newbie demo pages have no visual consistency. So, I took some time and added a new wrapper. It makes them more consistent and more useful at the same time.

The Simple Secret to Good Dropdown Navigation

Rob Glazebrook — Wed, 03 Feb 2010 21:26:23 +0000

Almost every example of good dropdown navigation on the web today relies on a single, simple HTML structure: the nested unordered list. Of course, that means that knowing how to build a good nested unordered list is critical to this entire process.