KellyHays.ca

Posts tagged with “websites”

quicksand-droidSans.png

Quicksand and Droid Sans

I am working on a project that required an elegant font. So I went onto Font Squirrel and searched for a nice sans serif font that would fit the bill. I came across Quicksand and I thought that it perfectly fit the bill. So I used it, but then I had a to pair it with a another font.

Since this is a web project, I wanted to find another font that would contrast with it that would look great on screen. I thought about Droid Sans, which is created for the Andriod Operating system, and I would assume, would have been great for screens, and it is open source.

Final Thoughts

Quicksand works great as a heading, not as a body text. The thin letters and positive attitude go well with the droid which is easy to read and gets the point across.

RTFM

That’s right, Read The effen manual.

I wonder how many web projects I have written off because I didn’t fully read the manual to understand how they work. The reason I am claiming this is because of HTML grids. When used correctly, they are extremely powerful and allow you to implement a design lightning fast. They also make fluid websites super easy. However, they were always these fine little pain points that just didn’t make sense to me. After a while I knew they were there, and tried to use them to their fullest potential, but it wasn’t until today that I realized some thing really important.

Nested Divs

On the 960.gs website they explain how to deal with paddings of nested divs:

If a grid unit contains grid children, the first child in a row will need a class of alpha and the last child in a row requires the class name omega. Likewise, if you want to insert empty space before or after a grid unit, use class prefix_XX or suffix_XX.

Who knew. As I age, I start to read the Manual more and more.