• ricordami

ADSL AIIP API Adobe Apache Apple Augmented reality CMS CSS CSS3 Calabrò Chrome Chromebooks Conficker DB Dropdown Easter egg Fcaebook GD GET Google Googlebot IE9 IETester IIS Indesign Internet explorer hacks Jquery Linux Lunascape Mob code MySql NIC Nonciclopedia PEC PHP PIE RSS RewriteEngine On RewriteRule Roger Fenton SEO Sandro Fogli Second life TV Tiny url Twitter URL XHTML agcom anteprima antialiasing archivio array asus autenticazione autocomplete banda larga blockquote border box link breadcrumb browser cambiare URL capolettera caps lock checkbox clear cloud cm code command commenti condizionali compatibilità confirm contatore contest conversione copy count down countries crop cs5 csv cufon cursor data database date diagnostica disign em email ems estensioni facebook factory-shared fade fatturazione fatture favicon file manager flash font footer form formati fotografia ftp geolocalizzazione go back grafiica web header location height hosting htaccess html entities htmlentities impatto ambientale include interviste invio ip ipad iphone javascript jscript jwplayer keycode keyword lingua link loader loading loadtimer mail media print megalomania menù min-height mm mobile mod_rewrite mostra fotografica motori di ricerca myql nascondere query string netbook newsticker noconflict numeric ombra oncopy opacity overlay parassiti partizioni passaggio dati password pdf photoshop php class phps picas pre preg_replace print privacy pubblicità qr code query random random string redirect referer regexp registri rgb risoluzione video rollover rollover css rollover unica immagine sanitize script scrolling select shorthand sistemi operativi sitemap smartphone social social network software sort sql statistiche string stringhe strtotime sub/sup submit switch tableless tablet target textarea tipografia web toggle tools tooltip top trojan try catch usabilità utility vertical align video view source viewport webdesign webfont while whois wifi wikipedia wordpress
Css tips & tricks

Alternative js crossbrowser di suddivisione del testo in colonne

Tra le nuove possibilità di impaginazione del testo è molto interessante quella che ci permette di suddividere i contenuti testuali in colonne tramite la proprietà CSS3 multi-column, secondo le specifiche previste dallo standard del W3C.

Dal punto di vista semantico nel codice HTML il testo verrà strutturato in un unico elemento blocco.

Tramite CSS verrà solo aggiunta una formattazione estetica atta a migliorare la lettura ed in assenza di supporto il contenuto verrà fruito comunque in maniera corretta.

Purtroppo la corretta interpretazione della regola multi-column è ancora poco diffusa e limitata comunque alle ultimissime versioni dei diversi browser.

 

Come spesso accade esiste una soluzione crossbrowser attraverso l'utilizzo di javascript.
Qui  potete trovare un esempio di applicazione, anche se non 'leggerissimo', altrimenti, ancora una volta vale la pena appoggiarsi alle librerie Jquery, Columnizer jQuery Plugin  è un'ottima flessibile soluzione!

pubblicato Martedì 17 Maggio 2011

 

Hai trovato quest'articolo interessante? Abbonati ai Feed RSS
disign feed


 

Aggiungi 'Disign' a Live-MSN Aggiungi 'Disign' a FaceBook Aggiungi 'Disign' a Twitter Aggiungi 'Disign' a MySpace Aggiungi 'Disign' a OKnotizie Aggiungi 'Disign' a Wikio Aggiungi 'Disign' a Diggita Aggiungi 'Disign' a TuttoBlog Aggiungi 'Disign' a Del.icio.us Aggiungi 'Disign' a digg Aggiungi 'Disign' a NotizieFlash.com Aggiungi 'Disign' a Kipapa Aggiungi 'Disign' a Fai informazione Aggiungi 'Disign' a Pligg Aggiungi 'Disign' a Socialdust Aggiungi 'Disign' a Digo Aggiungi 'Disign' a Badzu Aggiungi 'Disign' a Technorati Aggiungi 'Disign' a Segnalo Aggiungi 'Disign' a ZicZac

 

Commenta l'articolo    Segnala agli amici