Archive for the 'Web' Category

Are Vista Fonts Ready for the Web?

Windows Vista™ ushered in a new set of screen-optimized typefaces, touted as successors to the Core Web fonts we’ve all become accustomed to. Already, we’ve seen early adopters and trendsetters updating their font-familys to prioritize the newer fonts (Calibri, Cambria, and Segoe UI being current favorites).

Continue reading ‘Are Vista Fonts Ready for the Web?’

Lucida Hybrid: The ‘Grande’ Alternative

Lucida Grande is such a nice font to use in websites, but because it doesn’t come standard with Windows, we turn to Lucida Sans Unicode and Lucida Sans to make sure users get a similar look. Unfortunately, both typefaces have imperfections that make them less-than-worthy candidates for substitution. Oh, dear.

Continue reading ‘Lucida Hybrid: The ‘Grande’ Alternative’

CSS First-Aid for IE Peekaboo Bug

That annoying IE peekaboo bug just doesn’t know when to stop. Apparently, even IE7 exhibits this bug, and it appears to be worse than its predecessor. If you happen to be pressed for time (or are lazy to search the Internets for a solution), applying a couple of stylesheet rules to the affected element should solve most peekaboo problems for both IE6 and IE7:

position: relative; /* peekaboo bug fix for IE6 */
min-width: 0; /* peekaboo bug fix for IE7 */

Continue reading ‘CSS First-Aid for IE Peekaboo Bug’

Simple Relative Font Size Equation

For those of you working with relative font-sizes in your CSS, here is a basic equation for getting the exact size equivalent in ems, given a desired px value:

emr = pxt ÷ pxp, where
 
emr = result font size, in ems;
pxt = target font size, in px;
pxp = parent element’s font size, in px;

Continue reading ‘Simple Relative Font Size Equation’

Forming Effective CSS Classes & IDs

If you’ve ever had trouble establishing a naming standard for your CSS classes, or if you work closely with a developer who demands uniformity when assigning IDs elements, here are some conventions (as well as some of my personal preferences on usage) that should help you form effective, easy-to-remember and predictable names.

Continue reading ‘Forming Effective CSS Classes & IDs’