CSS Newbie

Use a CSS Preprocessor

Rob Glazebrook — Fri, 22 Feb 2013 23:36:55 +0000

CSS Preprocessors have been around for a while now, but I didn’t start seriously looking into them until about a year ago. I didn’t think yet another language like LESS, Stylus or Sass would have anything to offer me. I was wrong, and CSS Preprocessors are awesome. Here are three good reasons why.

A New CSS Newbie Site Design Launched!

Rob Glazebrook — Fri, 15 Feb 2013 16:56:53 +0000

If you've been here before, you'll probably notice things are looking quite a bit differently all of a sudden (and if you're new to these parts, welcome!). For the first time in several years, CSS Newbie has a new face!

A Pure CSS Bouncing Ball

Rob Glazebrook — Tue, 29 Jan 2013 18:22:32 +0000

We're going to create a ball that bounces infinitely - seemingly randomly - in its container. What's the big whoop about that? We'll do it entirely with CSS.

Making a Sphere in CSS

Rob Glazebrook — Wed, 09 Jan 2013 16:12:51 +0000

Traditionally, the web has been a static, two dimensional space. Depth and motion have been the realm of Flash or JavaScript. Happily, this is changing. Today, we’ll turn a regular, blocky old element into a sphere.

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.

CSS Newbie

Use a CSS Preprocessor

Related Reading

A New CSS Newbie Site Design Launched!

Related Reading

A Pure CSS Bouncing Ball

Related Reading

Making a Sphere in CSS

Related Reading

A JavaScript Currency Conversion Script

Related Reading

Cross-Browser Support for HTML5 Placeholder Text in Forms

Related Reading

Intelligent Select Box Filtering

Related Reading

Cross-Browser Rounded Buttons with CSS3 and jQuery

Related Reading

Test for Border-Radius Support

Related Reading

I’m Attending AEA Seattle!

Related Reading