How to structure your typography in Sass

I’ve always been focused on strong typography when it comes to design. As I’ve evolved into a front end developer, I still focus a lot on the typography of a project. As I’ve written about before, if the design is up to me, I even start with setting the paragraph.

However, what can you do to set yourself up for success when it comes to coding a design and it’s typography? I’ve done this – a lot – and I’ve come to some conclusions.

Read More7 Comments

A new design

After a long, long delay, I’ve finally launched a redesign to this site. I’ve been gradually picking away at it for several months, and I’m thrilled to finally have it up.

The overall feel I was going for was “eclectic”, without being messy. I wanted to have some energy in the design, while still allowing a user to focus on the writing (it is a blog, after all).

This design was meant from the get-go to be responsive, so it changes with the context of the device that you are viewing it on. Responsive design is a big buzz word in the web design community, but I personally a fan of the approach.

Read MoreLeave a comment

Why the focus on Google Fonts?

I’ve been wondering lately why I’ve taken such an interest in Google Web Fonts. After all, why focus on that service as opposed to any of the other web font providers out there?

I’ve come up with a few reasons:

  • The price– I’m not going to lie – the fact that it’s free is pretty compelling. I can understand Googles motivation – the less images on the web are contained within I mages, the better for them. But because of the free nature of the service, I feel like I can play around with it and experiment. The for-pay services are great when you have a finished design in hand, and you know what you need.

  • It’s CSS based– I like the fact that it doesn’t rely on a JavaScript call to load. The for-pay services rely on a JavaScript call in order to make sure that the site in question has indeed paid for the font’s use. But I like to know that if someone has JavaScript turned off, my font choice will still be displayed.

  • Google’s CDN – I have a lot of faith in googles servers – but I also truthfully have yet to hear of people having issues with any of the big name font providers either.

  • You can download the fonts themselves – i’m not sure if the for-pay services allow that. it definitely helps during the design stage.

  • The open source nature of a lot of these fonts – which yes, means that quality will vary wildly, but there are some real winners in the directory.

This does not discount the value of the other font providers out there – just why I’m paying more attention to Google Web Fonts. What do you think? What font providers are you finding success with? Let me know!

Read MoreLeave a comment