Oggi segnaliamo un interessante articolo di Smashing Magazine, “Coding A HTML 5 Layout From Scratch” in cui viene spiegato come realizzare un layout in HTML5 e mantenere comunque la retrocompatibilità nei confronti dei browser meno performanti (leggi internet explorer, di qualsivoglia versione…). Il tutorial è molto chiaro e corredato da immagini eloquenti.
Il risultato è un [...]

Segnalo questa (per ora) piccola guida su jQuery in italiano che può essere utile per chi non ha una grande dimestichezza con la lingua anglosassone. Attualmente c’è solamente un introduzione e la prima lezione sui selettori ma immagino che “fioriranno” a breve anche le altre parti sicuramente più interessanti

A parer mio un grande merito di framework come jQuery è di sopperire alle limitazioni dei vecchi browser (internet explore 6 in primis, ma buttiamo pure ie7 nel calderone ) permettendoci di attingere a tecniche altrimenti inapplicabili. Questo articolo fornisce 5 esempi pratici di come altrettante tecniche presenti nei CSS 3 possono essere [...]

Webdesignerwall è sempre ricco di risorse interessanti. Questo breve tutorial illustra come gestire al meglio ampi background nei propri layout con i CSS(proprio come quello dell’autore del blog). Il tutorial è indicato per gli utenti alle prime armi: la chiarezza espositiva e le numerose immagini facilitano enormemente l’apprendimento di questa tecnica.
La ripropongo bremente qui di [...]

In questo post mi domandavo come cambiare al volo foglio stile in base al browser. In “Switch stylesheets with jQuery” viene fornito uno script in jQuery agile agile per cambiare foglio stile. Con questo diviene semplice effettuare uno switching lato client in base al browser.
Basterà sostituire:
$(document).ready(function() {
con il codice opportuno per i browser che si [...]

Ora che Gran Paradiso è arrivato il primo impulso è quello di sostituirlo al caro vecchio firefox 2. Tuttavia per chi fa webdesign nasce la necessità di effettuare il testing multi-browser. Personalmente, (procedura testata sotto windows), ho risolto installando la versione portable di firefox3 (in inglese). Unico neo l’impossibilità di avere le [...]

L’idea è semplice ma efficace: impaginare il testo in stile “magazine” attorno a immagini curve. L’autore definisce uno span in questo modo:
curve2 { float: right; display: block; height: 16px; clear: right; }
e poi definisce tramite div differenti la larghezza di ogni span per simulare l’effetto “contorno”. Un lavoraccio! ma l’effetto è più che gradevole!
LInk alla [...]

In rete esistono una miriade di tecniche per realizzare box dai bordi arrotondati. Il difetto che li accomuna spesso è la loro riutilizzabilità. Creare dei box per un progetto specifico porta via del tempo che potrebbe essere speso in maniera più profiqua!