La volta scorsa abbiamo visto dei tips generali sul design di un blog.
Ma prima di iniziare con suggerimenti più mirati, vorrei
portare l'attenzione su quelli che ritengo essere i due mattoni base per il
design per il web, sia blog che siti "normali":
Per quanti di
voi non abbiano mai sentito parlare di XHTML e
CSS dico che sono l'evoluzione dell'HTML come era nato negli
anni '90: già dall'HTML 4 si è cercato di separare il contenuto
delle pagine, dalla sua impaginazione e formattazione, ma solo negli ultimi anni
i web designer hanno iniziato ad abbracciare questo approccio nella scrittura
del codice HTML .
Ora, la maggior parte
dei siti di "tendenza" hanno il codice scritto in XHTML , riducono l'uso dei tag html al minimo necessario, e tutta l'impaginazione e la formattazione dei contenuti vengono impostate nei fogli di stile collegati.
Se state sviluppando la skin del vostro blog (o qualunque cosa stia andando sul web, sia esso un sito che una web application) utilizzare questo approccio vi da notevoli vantaggi:
- per lo stesso motivo per il quale separate la
business logic dalla logica di accesso ai dati e dal codice per mostrare i
dati all'utente, separare il contenuto dalla sua formattazione rende più
facile la manutenzione, separa logicamente i due contesti, permette di
"skinnare" i contenuti solo modificando i CSS (pensate al
provider model per la gestione dei dati)
- viene centralizzata la gestione della formattazione:
se volete spostare la colonna laterale da destra a sinistra, non dovete
editare a manina tutte le 500 pagine del sito, ma basta modificare il CSS.
Inoltre l'utente scarica il foglio di stile una sola volta, ottimizzando e
riducendo l'uso della banda
- le pagine vengono visulizzate più velocemente: nei
layout gestiti con tabelle, la pagina viene mostrata all'utente solo dopo che
tutto il contenuto della tabella è stato scaricato, mentre con i layout basati
su CSS il tutto avviene anche prima. Quando volte vi è capitato di dover
attendere il caricamento della mappa Feedmap prima di poter vedere tutto il
blog?
- con CSS si hanno più possibilità di formattazione (ad es gli angoli arrotondati del CSS3) rispetto ai layout
tradizionali
- ottimizzazione per i motori di ricerca: le pagine
contengono solo contenuto, quindi i tag che lo racchiudono hanno un maggior
significato semantico e non c'è codice di solo formattazioneche "sporca" la
pagina
- supporto per altri device: semplicemente cambiando il foglio di stile è possibile formattare la pagina per palmare, per cellulare, per la stampa, per browser aurali
L'unico problema con questo tipo di sviluppo è che necessita uno cambio di approccio verso il design web, e richiede un "reset" di tutte le abitudini acquisite con il layout table-based.
NOTA :
Mi scuso con
i lettori per non aver tenuto la solita frequenza settimanale: sono stato un po' preso in queste ultime 3 settimane, ma ora i post torneranno con la solita frequenza
powered by IMHO 1.3
posted @ giovedì 16 marzo 2006 16:57