Thursday, June 11, 2009

Phantom border on background image repeater showing up on Firefox

On Firefox, if you ever see a strange 1px border appear at the bottom of your background image gradient (and you know it’s not on the image itself), then make sure you’re not zoomed-out (click Ctrl-0 to reset the zoom).

[I'm using Firefox 3.0.10 as of this writing.]

Wednesday, May 6, 2009

Clearing floats

Clearing floats without adding an extra <div>:
CSS - Clearing floats

List of techniques for clearing floats:
Simple Clearing of Floats by Alex Walker

Tuesday, April 7, 2009

Cool Sites

CodEasily - Nice notebook theme. Found it while looking for JQuery plug-ins.

Tuesday, January 27, 2009

Combine CSS for different media

Instead of adding a separate <link> tag for the print-view stylesheet like this:

<link href="base.css" type="text/css" rel="stylesheet" />
<link href="print.css" type="text/css" rel="stylesheet" media="print" />

just add "@media" blocks at the bottom of the main stylesheet.
The bottom of base.css in the above example would then have something like this (the styles listed here are for illustration only):

@media print {
.noprint { display:none; }
.printonly { display:block; }
body { width:780px; }
}

See article on the David Walsh Blog...
Read Eric Meyer's article about using print stylesheets...

Wednesday, January 14, 2009

Web development tools

Firebug is a must when debugging CSS or trying out styles on the fly.

I didn't know it could also check page weight--just enable the Net panel and it will give you a table of all requests made by the page, along with stats (size and time) for each request.

Team System comparison tools