Bulletz

Yahoo ha reso disponibile un nuovo componente chiave del suo framework web YUI, sempre nell’ottica di fornire strumenti utili a disegnare un sito o una interfaccia nel modo più semplice possibile, senza gridare ogni volta che si prova un altro browser… e chi scrive CSS sa cosa intendo ;-)

La chicca in questione si chiama reset.css, e non è altro che un file con 30-righe-30 di codice CSS in grado di AZZERARE le differenze tra un browser e l’altro, o quasi. Il suo uso è semplicissimo: basta includerlo PRIMA di ogni altro stile in una pagina html.

http://developer.yahoo.com/yui/reset/

Con questo foglio di stile, è possibile scrivere stili coerenti a prescindere dal browser; bisogna comunque tenere presente che con questo reset è necessario dichiarare esplicitamente ogni stile, anche i più ovvi (quindi, per esempio, è necessario definire strong{} con font-weight:bold; altrimenti verrà visualizzato normale).

Anche se questo file può essere usato stand-alone, è auspicabile tenere in considerazione l’uso del framework YUI per avere a disposizione controlli ancora più potenti sull’uniformità di una interfaccia a prescindere dal browser. Per chi si chiedesse a cosa serve, o se ne vale la pena, consiglio una visita alla homepage e alla webmail di Yahoo :-)

http://developer.yahoo.com/yui/reset/

Ecco questa piccola meraviglia per intero:


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}


This entry was posted on Mercoledì, Dicembre 20th, 2006 at 18:25 and is filed under CSS, Hack, Opensource. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.