PSD, (x)html e chunking
Tutti i webdesigner conoscono molto bene l’importanza di “tagliare” il layout quando ancora è puramente grafico, per poi trasformarlo in layout xhtml. Bene, ho notato che negli ultimi tempi c’è stato un fiorire di siti (psd2hmtl, xhtmlit, thechoppr) che offrono questo tipo di servizio: i prezzi oscillano intorno ai 150$ e il lavoro viene fatto mediamente in 3 giorni. Personalmente non posso che apprezzare la nascita di queste nuove figure lavorative specializzate, sempre che abbiano successo. Menzione particolare va fatta allo stile dei siti in questione, molto accattivanti.
Passando dalla grafica al testo, vorrei parlarvi della tecnica del chunkig. Letteralmente: come impaginare i contenuti online per ottenere la masima leggibilità. In pratica questa tecnica consiste nel dividere le informazioni in blocchi regolari che, a seconda dell’argomento trattato e del tipo di contenuto consente di ottimizzare lo spazio sulla pagina web e quindi migliorare visivamente l’impaginazione e quindi la lettura. Per vedere l’utilizzo pratico di questa tecnica si possono visitare i classici siti di informazione come la gazzetta.it, Controcampo ma anche portali come html.it. Per approfondire l’argomento chunking, consiglio la lettura di questa interessantissima guida!
Concludo facendovi vedere questo sito, e una considerazione: sembra che questo genere di grafica stile cartaceo stia prendendo molto piede, vedere anche l’articolo di qualche tempo fà. Ciao alla prossima!
Add to Google
12 Commenti
Ottima guida quella di Master New Media
“Tutti i webdesigner conoscono molto bene l’importanza di tagliare il layout quando ancora è puramente grafico, per poi trasformarlo in layout xhtml” bene…quando ce lo spieghi vista la tag line del blog
Ottimo articolo Paolo! E ottimo riferimento per quanto riguarda il chunking, è un concetto basilare per rendere leggibile il testo di un sito.
@Gaetano: presto ci arriveremo, abbi solo un poco di pazienza eheh. E’ il mio settore e me ne devo occupare io. L’importante è che tu abbia già letto l’articolo sulla semantica, il resto arriverà quando meno ve lo aspettate!!
Una riflessione su IWD AWARDS: ma come si fa a proporre un concorso a premi sel il sito che propone il concorso non rispetta i requisiti per partecipare al concorso? Per esempio
HTML VALIDO e IWD ha come risultato
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.lauryn.it%2Fitalianwebdesign%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
CSS VALIDO e IWD ha come risultato
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.lauryn.it%2Fitalianwebdesign&warning=1&profile=css21&usermedium=all
Mah…
Ovviamente non approverete questo commento…
perchè non dovremmo approvarlo?
Ecco di seguito le spiegazioni, non prenderle come “giustificazioni” ma…
Non so se hai letto nel footer, il presente blog è fatto su di un template non fatto da noi. Cercarne uno adatto al nostro layout e alle nostre finalità non è stato facile, e il tempo per farlo da zero è stato appunto, zero in quanto siamo tutti professionisti che lavorano.
Prometto però che non appena sarà pronto il nostro primo template (sul quale sto lavorando) e non appena sarà definito il logo definitivo (grazie al concorso apposito), provvederemo a rendere tutto uniforme.
Non per questo premiamo gli altri e non noi stessi ehhe ^^
Spero di aver chiarito le tue idee e sii più indulgente.
Tanto più che questa settimana (Scusate il ritardo) andrò a premiare una ragazza che ha fatto un ottimo lavoro, nonostante due errori di css che sono però necessari per rendere un determinato effetto.
a fra poco con l’aggiornamento sull’IWD AWARD!!
oltre ai link da te indicati, segnalo anche questo:
http://www.pdsolution.it/xhtml/xhtml_come_funziona.php
Grazie del tuo contributo Giuseppe!
@Sputnik: non fidarti troppo dei validatori del W3C. Te lo dice uno che ci collabora con quella gente. Non possono sostituire una verifica integrale, ma verificano solamente la correttezza sintattica degli elementi.
Ad esempio, quindi, in un CSS ci potremmo trovare delle proprietà di un elemento scritte correttamente [proprietà]: [attributo]; ma potrebbero non essere valide per il tag corrispondente dell’xhtml per cui vengono create…
ciao, in un momento disovraccarico di lavoro mi sono trovato bene con questo servizio “made in italy” gestito da ottimi professionisti.
http://www.braincode.it basta che gli fornisci il psd e alresto pensano loro!
questi di braincode si fanno pubblicità ingannando gli utenti….sono i proprietari e fanno finta di “essersi trovati bene” con il servizio..e grazie.. sono loro
P.s: posso confermare il fatto perchè ho letto altri commenti così.
Si Si sicuramente è Verissimo spammano da urlo!! Si vede proprio che sono sfacciati credono di esser furbi … Datevi all’ippica!!!x-brain
Ciao a tutti,
Vi segnalo questo servizio pensato appositamente per web agency, agenzie di comunicazione e web master freelance.
Oltre allo sviluppo di codice HTML validato W3C, SEO friendly e perfettamente valido con i browser più diffusi sul mercato (su richiesta anche Explorer 6), montiamo i tuoi layout all’interno dei più popolari CMS open source quali: wordpress, joomla, drupal, magento ed altri.
I prezzi sono davvero imbattibili e grazie ad un team di professionisti che sono specializzati unicamente in questa attività.
http://www.zenxhtml.com
Il servizio è soddisfatti o rimborsati.
Staff ZenXHTML.com