Rounded corners – Angoli arrotondati
Quando css3 è pienamento supportato dal browser, rounded corners sarà semplice così:

.element {border-radius: 5px}
che setta un raggio di 5px su i 4 angoli. per il momento abbiamo bisogno di specifiche css per i browser ed un pò di java script.
In Safari,  Chrome, ed altri webkit browser si usa -webkit-border-radius ed in Firefox ed altri Mozilla browser si usa -moz-border-radius.

.element {
 border-radius: 5px
 -webkit-border-radius: 5px
 -moz-border-radius: 5px
}

Webkit e Mozilla usano diverse sintassi quando si specifica un solo angolo.

.element {
 border-top-left-radius: 5px
 -webkit-border-top-left-radius: 5px
 -moz-border-radius-top-left
}
Per non Webkit e Mozilla browser un piccolo jQuery plugin mimerà la proprietà border-radius.

$(“.element”).corner(“5px”);

New Riders’ Voices That Matter: Web Design Conference, now in its fourth consecutive year, will take place June 28-29 in San Francisco and the timing couldn’t be better! Web design is undergoing an historic transformation: while the basics of HTML, CSS, and JavaScript haven’t changed, the new and evolving functionality in the HTML5 and CSS3 specs, the number of new ways in which people access the Web, and the rise of social media mean that Web designers need to know more than ever. Post a comment in this post before May 21, 2010 for your chance to win a free ticket.

Update: the winner is #34. (more…)

Quando si usano le specifiche della proprietà font c’è bisogno di specificarle nel seguente ordine:

body { font: font-style font-variant font-weight font-size line-height font-family; }

Non c’è bisogno di specificare ogni singola proprietà, quelle non specificate saranno resattate su default.