CSS Wizardry archive for the ‘Typography’ category


Thai-po-graph-e

This is just a silly little something I threw together yesterday. A small pictogram using a map of Thailand, children’s TV character Po, a graph and the letter e to represent, well, Typography.

Pictogram reading Thai-po-graph-e

Too much time on my hands!

ThaiPographe


Type tips—quick tips on all things web typography

Yesterday I released Type Tips, a collection of short and simple tips to take your web typography to the next level. The project has been some time in the making, with me first mentioning it back in early January. For one reason or another I only got started on the project last night, but I ploughed through and released a first version within a few hours.

A screenshot of type tips

(more…)


Typographic phrases (or: how to turn sayings geeky)

A while ago I had the idea to express some old sayings in a silly, geeky way, using code and logic to express logically, the meaning behind some well known phrases. I got Illustrator fired up last night and decided to finally got a few made. They’re kind of obvious really, even a non-developer brain can make sense of them, and deciphering the saying is pretty simple, but I think they’re cool nonetheless.

Many hands make light work

Many hands make light work

(more…)


The three types of dash

Unbeknown to many, there are three main many types of dash, and one of the most common typographical mistakes is to use the wrong dash for the wrong job. There are actually three several different types of dash and each have their own uses. The ‘dash’ you see on your keyboard is actually a hyphen which is used as a ‘catch all’ glyph which is used for several purposes. The only reason for this is that there’s just not enough room on a keyboard for so many different dashes.

(more…)


Search CSS Wizardry

Archives

Categories

Twitter—2167 followers

You should follow me.

Subscribe—RSS