CSS Newbie

A JavaScript Currency Conversion Script

Rob Glazebrook — Mon, 28 Nov 2011 22:28:57 +0000

It turns out that converting random numbers into formatted currency (with dollar signs, commas, and periods) is more difficult in JavaScript than I would have expected. There's no built-in function for it, and it's something I run into a lot. The function I wrote has worked well for me on a couple of projects now, so I thought I'd share it with you-all.

Cross-Browser Support for HTML5 Placeholder Text in Forms

Rob Glazebrook — Mon, 29 Nov 2010 17:06:27 +0000

One of my favorite new additions to forms in HTML5 is the placeholder attribute. I love placeholder text because it can help make large, complex forms easier to navigate. Unfortunately, not every modern browser supports it yet. But I say, let’s use placeholder text NOW, for all browsers that support it, and fake the same functionality for legacy browsers.

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!