Author Archive for Brownspank

Page 5 of 8

Safari Gave Me Blurred Vision

I’ve only worked on or played around with a Mac for a total number of hours that can be counted with my two hands, and most of those hours were spent testing how Web page layouts would hold up on Safari. So when Apple made available Safari 3 Public Beta to Windows users, it meant that I could finally complete my cross-browser testing suite (Swift just doesn’t cut it for me).

Continue reading ‘Safari Gave Me Blurred Vision’

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’

Rapid Fire #7: Shiny Ribbon

Holiday Ribbon

Just in time for the the holiday season, this Adobe® Fireworks® tutorial will show you how to create a silky, flowing ribbon; the type that you could slap onto your graphic elements to make them more festive. I hope you enjoy my tiny Christmas present.

Continue reading ‘Rapid Fire #7: Shiny Ribbon’

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’