Hi! My name is James Croft, and I'm a web developer from from Brisbane, Australia.

Lately I've been spending a lot of time with the icons in both Bootstrap 3's Glyphicons & the icon-based font Font Awesome.

Trouble is though, I have a terrible memory. I always get mixed up and can never remember the icon names off the top of my head.

The official documentation was OK, but I just wanted an easier & faster way to see those icons!

After a few weeks of continually tab-switching back and forward through documentation, I finally cracked. I fired up Illustrator & made myself a quick cheat sheet poster.


Here's a pic of the first prototype...


You know what? Even though it looked pretty janky, It totally worked. I was more productive and saving time. Whenever I needed an icon in a design, it was right there in front of me.

Better still, if I needed to show a client an icon, it was a only a finger-point or 10 second cameraphone shot away. Infinitely easier than trying to show them the documentation site, or sending a dodgy screenshot!

After a few weeks, I decided to improve it by making a digital companion. A more souped-up version of the official documentation. Decked out with code examplessearch, and insta-code-copy-paste.

Lazy? Maybe. Effective?


So I coded it up over a month's worth of spare nights and weekends. I've been using them ever since. They work great.

After all this, I thought other developers might benefit from some of the work I'd gone though. So I made those digital cheat sheets (Glyphicons and Font Awesome) available to use through this site. Go check 'em out!

(Web devs and hackers, the project is also available to fork on Github, too. Have at it!)

I also made the posters much nicer and found a proper printer. Here's what they look like now.


So if you're a web developer who uses Bootstrap 3 or Font Awesome a lot, I think these posters both look cool and will save you a lot of time. They're perfect in a techy office, design studio or hackerspace cubicle wall.


James C


Got a question? Drop me a line.