Welcome to

Se volete fare a meno di javascript e immagini per creare angoli arrotondati nel vostro layout (e sappiamo che volete farne a meno…), finalmente esiste una soluzione TOTALMENTE basata su XHTML e CSS: Spiffy Corners.

Why?
I needed a way to create anti-aliased round corners without the extra server calls that are incurred when using external JavaScript files or images. When your websites are serving millions of files a day you start to pay attention to how many files a particular page needs in order to load.

http://www.spiffycorners.com/

Anche la celebre etichetta reggae Trojan Records,con grande piacere per il sottoscritto, si converte al web-design Xhtml/css!

Il risultato e’ interessante…

http://trojanrecords.com/

Interessantissima e super-cool galleria di immagini basata sulla libreria di effetti javascript mootools v1.0.

http://smoothgallery.jondesign.net/

L’idea è talmente semplice da lasciare quasi perplesso chi ha masticato javascript da prima del 2005: siccome è possibile calcolare l’ampiezza della finestra di chi visita un sito, perchè non approfittarne e adattare direttamente il layout a quella visione? In questo modo è più semplice per un designer evitare imprecazioni di fronte all’ennesima risoluzione-tipo…

http://alistapart.com/articles/switchymclayout

Una piccola classe PHP per combinare decine di .js e .css in un unico file ben compresso, e velocizzare il tempo di caricamento di siti internet grossi e pesi.. http://rakaz.nl/item/make_your_pages_load_faster…

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/

Read the rest of this entry »

Interessante sito che permette di scaricare un set di 14 menu verticali realizzati via css pronti da usare.

http://www.exploding-boy.com/2005/12/29/14-free-vertical-css-menus/

Se leggete questo post vi sara’ capitato di constatare come alcuni comandi dati ad una pagina XHTML da CSS vengano interpretati in modo diverso a seconda del browser in uso.Nello specifico il problema riguarda principalmente Internet Explorer, almeno fino alla versione 6.0.
Ad esempio, un box di testo con margine sinistro di 15px, puo’ essere interpretato da Explorer 6.0 in modo diverso rispetto ad altri browser strutturalmente piu’ moderni. Semplicemente Internet Explorer in alcuni casi rendera’ a monitor un margine con ingombro maggiore rispetto a Firefox, Opera o Safari a parita’ di pixel o em indicati. Il tutto con il risultato di sputtanarvi il layout.
Bene. Si puo’ risolvere il problema utilizzando un piccolo hack.

.text {

margin-left: 15px !important;
margin-left:10px ;

}

IE 6.0 legge solo il secondo ignorando il primo, gli altri browser solo il primo, perchè marchiato come importante.

Si puo’ usare ogni volta che Internet Explorer interpreta “a modo suo” alcuni stili CSS