hypeway

Dealing with the differences in CSS implementation by various Browsers is a pain in the neck. So, I’ve become a big fan of utilizing CSS framework to neutralize these differences and to have a standardized foundation to start with any client-side design.

One of the CSS frameworks I’ve been using is YUI’s CSS Reset, CSS Fonts, and CSS Grids. Recently I came across Blueprint CSS, another CSS framework that tries to differ itself from the developer-oriented YUI CSS framework by putting an emphasis on the needs of typographic design.

The interesting thing is how these two frameworks are being compared to each other. In my experience as a client-side designer, I am always looking for better ways to solve the same development problems quicker and easier. And Blueprint CSS framework appears to meet my needs well.

I usually find CSS behaving quite consistent between Firefox and Safari. But today I ran into a situation where a CSS hack or filter is needed in Firefox. I found this useful snippet of CSS working perfectly for my purpose.

blockquote, x:-moz-any-link { /* FireFox 2 hack */
  padding-top: 5px;
} 

blockquote, x:-moz-any-link, x:default { /* FireFox 3 hack */
  padding-top: 5px;
}