CSS Scientific Notation

Scientific Notation in CSS

In CSS a lesser known feature is that there are datatypes like a “real” programming or scripting language, which includes a number datatype. Part of this number dat...

Nth-Size Sierpinski Carpet in JQuery

JQuery Sierpinski Carpet

I made a Sierpinski Carpet (Wiki link) in JQuery that accepts an unlimited number of levels (eg, it could go build Sie...

Building a simple archive page with Jekyll

An Archive Page With Jekyll

An archive page is a single page of a blog that displays all (or some) of your posts, usually in chronological order, so that visitors can quickly navigate your blog. This wa...

Pure CSS FizzBuzz

Pure CSS FizzBuzz

Following a recent blog post about a designer struggling with FizzBuzz due to not using JavaScript much, I decided to rework the problem in pure CSS to see how possible that is.

It turne...

Styling mailto and tel links

Styling MailTo and Tel Links

A lesser known feature of CSS is that mailto and tel links can be specifically styled which allows for much more accessible, interactive or interesting designs. One use for...

Link all the things!

Link Emails And Phone Numbers!

I see a lot of times where people don’t link emails or phone numbers. I think this could be due to a lot of factors, including usability opinions, but I won’...

Verbose CSS Selectors

Really Long CSS Selectors

This exercise came to me while I was working with some awkward CSS selectors that are a little non standard and wondered what the most obscene CSS selector for a single div could...