CSS Reset: il tuo stile uguale su tutti i browser

February 28th, 2008

Il classico problema del webdesigner è mantenere la coerenza del proprio design sulla moltitudine di browser in circolazione: il rendering della pagina viene più che altro influenzato dalle impostazioni di default del programma, per questo è nata l’esigenza della tecnica denominata CSS Reset.

Solitamente basta inserire questa riga al nostro CSS in primissima posizione per risolvere la maggior parte dei problemi:

* {margin: 0;padding: 0;}

basta questa riga per dire al browser di azzerare i valori di margine esterno e interno di tutti gli elementi HTML.
Questa semplice soluzione ha comunque qualche effetto collaterale che può infastidire come un discreto peso sull’engine del browser e l’eliminazione di ogni stile di default.
Per cui eccovi altre 2 soluzioni più complete ed elaborate.

LEGGI IL RESTO »

Cerca: , ,

Ritieni questo post utile o interessante?
Condividi

Leggi anche:

HTML, questo sconosciuto…1ma parte

February 4th, 2008

Per ogni webdesigner che si rispetti è normale conoscere una moltitudine di linguaggi diversi, saper trovare la soluzione ad ogni problema di visualizzazione e stupire il pubblico con elaborati effetti speciali creati con non troppo semplici script.
Ma quello che lo sviluppatore web dimentica è che una pagina web, prima di Ajax, Javascript e oggetti Flash è scritta in HTML, che nasconde ben più di un effetto utile, simpatico e semplice da implementare.

In questa prima parte vedremo cosa sono e come utilizzare MARQUEE, FIELDSET e LEGEND.

LEGGI IL RESTO »

Cerca: , , ,

Ritieni questo post utile o interessante?
Condividi

Leggi anche:

CSS Sprite, cosa sono e come migliorano il caricamento della pagina

January 4th, 2008

Non troppo tempo fa, la grafica di una pagina HTML era costituita da uno sfondo che veniva ritagliato con un programma di grafica in segmenti più piccoli, detti slice, i quali venivano usati come background di celle di una grande tabella per formare il template del sito.
Questa tecnica era comoda per i grafici meno esperti che in un attimo trasformavano la loro opera in una pagina HTML ma complicava decisamente la vita a chi doveva poi inserirvi il codice limitandolo ai bordi delle celle predefinite.
Un migliore utilizzo del CSS ha risolto questo problema dando la possibilità di inserire queste immagini grafiche come sfondo degli elementi HTML, rendendo il codice della pagina più leggero e semplice da leggere ai motori di ricerca, semplificando quindi anche il lavoro dell’esperto di SEO, e liberando lo sviluppatore dai confini delle celle della tabella grafica.
I CSS Sprite rappresentano un’evoluzione naturale di questo concetto, migliorando ulteriormente la leggibilità del codice, una sua eventuale modifica e velocizzando anche il lavoro del webdesigner.
LEGGI IL RESTO »

Cerca: , , , , ,

Ritieni questo post utile o interessante?
Condividi

Leggi anche:

HTML Quiz: quante ne sai in 5 minuti?

December 16th, 2007

Il sito JustSayHi, un semplice sito americano di dating on line, dispone di una simpatica area piena di quiz, widget e sticker da inserire nei vostri blog.

Eccovi il quizzone sugli elementi HTML: quanti ne ricorderete in 5 minuti?
Riuscirete a battere il mio record?

49

Cliccate sull’immagine per giocare e fatemi sapere i vostri risultati!

Cerca: , , , ,

Ritieni questo post utile o interessante?
Condividi

Leggi anche: