Alessandro Melandri » CSS http://www.melandri.net J2EE Developer & Photography enthusiast Tue, 27 Jul 2010 19:00:00 +0000 en hourly 1 http://wordpress.org/?v=3.0 Slickmap CSS http://www.melandri.net/2010/04/01/slickmap-css/ http://www.melandri.net/2010/04/01/slickmap-css/#comments Thu, 01 Apr 2010 09:09:28 +0000 amelandri http://www.melandri.net/?p=1012

Slickmap CSS

“SlickMap CSS is a simple stylesheet for displaying finished site maps directly from HTML unordered list navigation. It’s suitable for most web sites – accommodating up to three levels of page navigation and additional utility links – and can easily be customized to meet your own individual needs, branding, or style preferences.”

]]> http://www.melandri.net/2010/04/01/slickmap-css/feed/ 0 Compact font styles http://www.melandri.net/2009/06/22/compact-font-styles/ http://www.melandri.net/2009/06/22/compact-font-styles/#comments Mon, 22 Jun 2009 11:45:52 +0000 amelandri http://www.melandri.net/?p=108 This is a simple tip that can help you reduce your style sheet size. Take a look at this CSS portion:

font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
font-style: italic;
line-height: 1.5em;
font-variant: uppercase;

All these properties can be condensed into a one row expression using this syntax:

font: fontSize/lineHeight weight style variant family;

See the example below:

font: 1.1em/1.5em bold italic uppercase Arial,Verdana,Helvetica,sans-serif;

Just remember that this syntax will only function if you specify both font-size and font-family.

]]> http://www.melandri.net/2009/06/22/compact-font-styles/feed/ 0