Skip to main content

Posts

Back up and running

Well Hellooooo everyone! Turns out I still have a blog after all. And this is it! I had a post from back in 2010 that I was moving articles from here to my domain (at the time), but I'm taking some time now to use the Internet Archive (the Way Back Machine) to retract the articles lost to the progress of time.

That way there will be some useful info here when you get here!

As always, follow me at on Twitter @typegeek where I still post and I can also be found on Instagram as @designtypegeek.

Cheers and enjoy the upcoming weekend!

-Rick
Recent posts

Online Web Design Resources

Not much here today, but I had found these links in the fall and didn't want to lose them, so 'Im posting them here for you and for me:

Good CSS (Cascading Style Sheet) Tutorial:
http://snook.ca/archives/html_and_css/six_keys_to_understanding_css_layouts/

Colour Tools for Graphic and Web Designers at AllGraphicDesign.com

Technical Colour Schemer because we can't get enough of colour scheme builders can we? (Really? I should just build one myself.)

20 Web Design Generators

Adam Kalsey's Button / Badge Generator

Being Canadian, I will almost always insist on typing it as colour.

Oh and PS! I just bought a new domain so Ill finally be hosting a WordPress / Thesis blog instead of this old Blogspot thingy! Dang you domain squatters!

Tips for Small Type

If you've tried creating graphics or content using small typefaces then you've probably run into the problem of readability. Microsoft created a font known as Verdana to solve the issue of small type on screen. Shown below is a comparison of Verdana at difference sizes to Minion Pro at the same sizes. The image was created in Adobe Photoshop CS3 with Strong anti-aliasing applied to the text.



I recently came across a highly detailed article that explains how to get the most readability from your small type. Check it out at The Art of Type.

You can read more about Verdana at the Microsoft site Channel Verdana and if you're really a typegeek, you'd be interested in the Wikipedia entry on Verdana as well.

And of course to be fair, you might as well check out the entry for Minion as well. You can get the
Minion Complete Family Packfrom Fonts.com.


It could be just me, but I think of something totally different when I hear the word "minion" :)

I've used Strong anti-a…

Original Font Sample

When I started teaching computer labs a few years ago I got really fired up about typography. It was a small section in a chapter on word processing in the textbook we were using, but I was intrigued with explaining it to inexperienced users, though I had been interested in typography before.

During that time I came up with a basic typeface that I use on the white boards. It really contains mostly modifications to the letters A and E, but the trailing "S" I would sometimes add flourishes too.

Really it looks better in the word "DATABASES" but it also works ok with "SPREADSHEETS".

I've played with different variations on the E, but its harder to make it look interesting and still maintain its readability, which is something I want to keep with any typeface I create.

Do you have any special purpose typefaces you've designed? Got any suggestions for the E? Let me know in the comments below.



Good Web Design at A List Apart

I've just come across this series of articles on A List Apart. The first article discusses the difference between "graceful degradation" and "progressive enhancement" which is a subtle but important difference. The second article deals with CSS and so got my mind tweak when talking about typography and how CSS can control it, which is something I want to get more involved in. I had read that the Thesis theme for WordPress does a lot of work with typography... and I want to learn how!

If you have any good sites that discuss, explain, or illustrate good typography in web design, please leave them in the comments for all to see and explore.