CSS tip, declare your font family once
October 1st, 2009Here’s a CSS tip that I wish more people would follow. When setting up a font on your site, say Verdana, there is no reason to declare it on every H tag, P tag and class you are using. Throw it up in the body and be done with it. The same goes for font sizes, colours and anything else that will be uniform across the site. Once you have done this you can override it for specific tags and classes when you need too.
body {
font-family:Verdana, Arial, sans-serif;
font-size:12px;
margin:0;
line-height:130%;
color:#333333;
}
This will make your life easier and everyone else who has to work with your files will thank you. I think we should always be looking for ways to make our CSS smaller, cleaner and easier to read.
One thing that is consistently presented to me by other web designers and users is space below images and usually in Firefox, but it can also happen in email newsletters. You will usually notice it when you need images to vertically butt up against each other. This results in a white line or whatever the background colour is set too appearing between two vertically stacked images. Fear not, the fix is extremely easy and you have two good options.
I recently started developing an application on Facebook. It’s actually quite interesting although the Facebook developer interface leaves a lot to be desired. If a chat program operated the way Facebook does it would go something like this. To add a user you must first add the addUser application. Once this is completed you can add the first use through the addUser applications, but after that you must go to the first added user to add an additional user, it’s really a… but I digress. This post is about Facebook’s application canvas and specifically developing applications with the iframe option enabled.
I recently discovered yet another weird Outlook 2007 bug with email newsletters. Every web designer has probably gone through the nightmare of Internet Explorer and then tried to explain to non-web people why it just plain sucks. Outlook 2007 raises the bar to a whole new level of awfulness, but enough with the ranting.
Why are my are my anchor links not working in IE6?
A few days ago I added Gravatar functionality to my blog. A Gravatar is a unique picture or icon of yourself which is stored online and globally accessible by blogs that implement Gravatar, or globally recognized avatar. When you post or comment to Gravatar enabled blogs your own avatar will show up on that blog if you have signed up for one on 
More and more I find myself using WordPress as a CMS. This requires a little more customization than you would need for the average out of the box blog experience but WordPress can make a wonderful little CMS. Custom fields are just one way to gain finer control over your pages and posts both for blog or CMS functionality.
