Use a CSS Preprocessor

Three popular CSS Preprocessors: Sass, Stylus, and Less

CSS Preprocessors have been around for a while now, but I didn’t start seriously looking into them until about a year ago. I have loads of excuses for this: I was too busy, I already knew how to write CSS, cool kids write their CSS by hand… you get the idea. Basically, 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. Read on…

A New CSS Newbie Site Design Launched!

CSS Newbie design - before and after

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!

Read on...

A Pure CSS Bouncing Ball

css-bouncing-ball-2

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.

Read on...

Making a Sphere in CSS

CSS Sphere

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.

Read on...

A JavaScript Currency Conversion Script

Currency Conversion Script

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.

Read on...