Most recent post
It isn’t all that uncommon that, after you’ve polished your print stylesheet to make a site look well on paper as well as on screen, you realise that the logo really doesn’t look its best. It may look blurry or pixelated on paper due to having a pixel density intended for screen viewing, of course. But even worse, its edges may look ugly or it may actually be invisible because whatever is behind it when viewed on screen isn’t printed.
Applying a background colour to the logo image or its containing element in the print CSS isn’t going to help either since most browsers by default do not print backgrounds at all. If you can’t change the image used for screen so that it will look good in print as well, you need to somehow make browsers use a different image when printing. One way of doing that is by using CSS generated content.
Slightly older posts
When you use an icon or other graphic instead of text for buttons, make sure there is real text for users who cannot see the image.
A different approach to using conditional comments to add class names for targeting CSS at different versions of Internet Explorer.
A few examples of how you can create a non-rectangular drop shadow that will adapt to the width of the element it is applied to.
If you need to give users the choice to disable responsive layout, here is one way of implementing a switch to toggle it off and on.
When you need to center a floated element horizontally you can't say "float:center", but fortunately there are several other ways of solving the problem.
Applying border-radius or box-shadow to fieldset elements that have a legend child element causes strange rendering in some browsers unless you float the legend element.
Subscribe / follow
DreamHost web hosting
Use the promo code 456BEREASTREET3 to save USD 20 when you sign up for DreamHost