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:

Come installare più versioni di Internet Explorer sul proprio PC

February 13th, 2008

La noia più grande per un webdesigner patito di CSS è il solito imperituro problema di compatibilità tra i vari browser, cosa che ci costringe a lavorare con ALMENO 2 finestre di anteprima aperte: Firefox e Internet Explorer 7.
Nel mondo dei browser per PC Mozilla si sta facendo strada e supera il browser predefinito di Windows non solo sulle macchine degli sviluppatori ma anche su quelle dei clienti nemmeno troppo smaliziati: la cosa non può che renderci felici data la maggior adesione del programma alle regole di interpretazione standard dettate dal World Wide Web Consortium (W3C).
Con la venuta di IE7 abbiamo comunque tirato un bel sospiro di sollievo nel constatare una certa somiglianza col buon vecchio Firefox nel riconoscere le proprietà del foglio di stile, nonchè per la maggiore sicurezza e stabilità.
Purtroppo però il popolo internauta che ancora usa la vecchia versione 6 di Explorer è dura a morire e la percentuale risulta ancora così alta che un webdesigner non può permettersi di trascurarla.
Com fare quindi per testare le nostre pagine su diverse versioni dello stesso browser made in Microsoft?

LEGGI IL RESTO »

Cerca: , , , , , , ,

Ritieni questo post utile o interessante?
Condividi

Leggi anche:

CSS Gallery

June 27th, 2007

Avete le idee e la creatività ma non sapete metterle in pratica?
Conoscete alla perfezione le tecniche del CSS ma non sapete cosa inventarvi?

Ecco una lista esauriente di CSS gallery, siti che espongono opere di giovani artisti del web, in erba e non, siti in produzione o semplici layout di esempio da cui ispirarsi “liberamente”.
Sicuramente molti di voi già conosceranno il famoso CSS Zen Garden, tanti si sono letteralmente innamorati del Cascading Style Sheet dopo la sua scoperta e hanno riscoperto la gioia di creare e colorare il web (io sono uno di quelli :) ) , se non siete tra questi date un’occhiata ai link in basso, potreste rimanere stregati, e se siete tra questi…non si finisce mai di imparare, no?

Tornate spesso a visitare questa pagina, la selezione per le migliori gallery è appena iniziata!

CSS Zen Garden
Il sito più famoso per gli amanti del CSS design e non, e un’idea molto originale e stimolante: lo stesso codice HTML ridisegnato in centinaia di modi diversi, molti i tocchi di classe.

CSS Mania
Una vetrina di oltre 7400 siti, un enorme archivio che va da Marzo 2004 ai giorni nostri..link da e verso tutto il mondo, in costante aggiornamento.
Non solo un vulcano di idee e creatività ma un libro di storia grafica del web trascorsa e attuale.

CSS Import
Altro interessante blog galleria con un archivio che parte da Giugno 2005 di quasi 2000 link, interessani le segnalazioni sulla colonna a destra.

CSS Remix
Ricchissimo portale dedicato al webdesign tramite CSS, una suggestiva vetrina dove poter segnalare e vedere votato il proprio sito, tramite registrazione di account obbligatoria.

CSS Beauty
Una grande community dietro ad un portale ricco e continuamente aggiornato,  analizza il metodo CSS non solo dal punto di vista estetico ma anche da quello dell’usabilità, della standardizzazione e della flessibilità.
Tanti tutorial e news per risolvere i piccoli e grandi problemi legati alla costruzione delle nostre pagine.

Cerca: , , , , , ,

Ritieni questo post utile o interessante?
Condividi

Leggi anche:

CSS GALLERY

June 27th, 2007

Avete le idee e la creatività ma non sapete metterle in pratica?
Conoscete alla perfezione le tecniche del CSS ma non sapete cosa inventarvi?

Ecco una lista esauriente di CSS gallery, siti che espongono opere di giovani artisti del web, in erba e non, siti in produzione o semplici layout di esempio da cui ispirarsi “liberamente”.
Sicuramente molti di voi già conosceranno il famoso CSS Zen Garden, tanti si sono letteralmente innamorati del Cascading Style Sheet dopo la sua scoperta e hanno riscoperto la gioia di creare e colorare il web (io sono uno di quelli :) ) , se non siete tra questi date un’occhiata ai link in basso, potreste rimanere stregati, e se siete tra questi…non si finisce mai di imparare, no?

Clicca sul link del menù CSS Gallery: tornate spesso a visitare questa pagina, la selezione per le migliori gallery è appena iniziata!

Cerca: , , , , , ,

Ritieni questo post utile o interessante?
Condividi

Leggi anche: