Articoli relativi a CSS

Dal 2003 ad oggi è triplicata la dimensione media di una pagina web


Photo by Melting MamaLa dimensione media di una pagina web è più che triplicata dal 2003 ad oggi. A riportare questa informazione è il sito Websiteoptimization.com. Si è passati da una media di 93.7 Kb ai 312 Kb odierni. Anche il numero di elementi presenti in una pagina è salito in questi anni e si è arrivati ad una media di circa 50 oggetti per pagina, aspetto che contribuisce notevolmente nell’aumentare il tempo di caricamento di una pagina web.

Nel 2007 è risultato che l’84.8% delle pagine considerate conteneva almeno un elemento JavaScript esterno, dalla dimensione media di 8.845 byte. Il numero medio di script per pagina era invece pari a 7.

Per quanto riguarda l’uso dei fogli di stile, nel 2007 l’82,4% delle pagine conteneva il tag link per richiamare un foglio di stile esterno, mentre il 54,5% impiegava (anche o esclusivamente) il tag style per incorporare gli stili direttamente nella pagina. La dimensione media dei file CSS esterni era di 6.575 byte.
Continua a leggere


Scritto il 29 Aprile 2008 Archiviato in Webdev | Commenta »

Scopri come appare il tuo sito sui diversi browser


La parte spesso più fastidiosa nello sviluppo di un template per un sito riguarda lo sforzo necessario per adeguarsi ai differenti comportamenti dei browser presenti sulle diverse piattaforme. Può succedere infatti di avere un sito che corrisponde esattamente al mockup grafico di riferimento quando viene visualizzato su un pc con Internet Explorer 6 e con Firefox, ma che presenta caratteri troppo grandi se visto con Safari su Mac oppure elementi non perfettamente allineati con Internet Explorer 7.

Per rendersi conto di queste problematiche è quindi necessario testare un sito su diversi browser e piattaforme differenti. Non sempre però è necessario essere dotati di altri computer per effettuare questi test.
Continua a leggere


Scritto il 11 Febbraio 2008 Archiviato in Qualcosa di utile | 1 Commento »

Provate a selezionare questo testo


text-selezione.jpgVisitate questa pagina con Mozilla Firefox o Safari e selezionate il testo presente con il mouse (o tramite il comando “Seleziona tutto”).

Selezionando il testo vedrete apparire un’immagine. Merito dello pseudo-element “selection”, una caratteristica presente nel linguaggio CSS3.

E’ stato reso disponibile anche uno strumento per creare nuovi testi con tale effetto.


Scritto il 6 Febbraio 2008 Archiviato in Note a margine | 2 Commenti »

Analizzare le pagine web con XRAY


Chi progetta spesso pagine web ed ha quotidianamente a che fare con (X)HTML e CSS dispone ormai di una serie di strumenti che gli permettono di analizzare il risultato del proprio lavoro in un modo che va oltre la semplice visione delle pagine attraverso un browser.

Sul browser Mozilla Firefox è possibile ad esempio installare la famosa Web Developer Toolbar che permette di sezionare in mille modi una pagina web per verificare la bontà del codice sin nei minimi particolari.

Ora è però disponibile anche un nuovo strumento che non richiede alcuna installazione, ma è accessibile attraverso la logica del bookmarklet, ossia di una funzione JavaScript che si presenta come un normale bookmark.
Continua a leggere


Scritto il 7 Agosto 2007 Archiviato in Qualcosa di utile, Webdev | Commenta »

70 consigli per la realizzazione dei CSS


Su Smashing Magazine è possibile trovare una lista di suggerimenti che possono tornare utili nella creazione dei fogli di stile. Dagli hack più diffusi ai consigli per l’organizzazione dei vari elementi contenuti in uno o più file CSS.


Scritto il 16 Maggio 2007 Archiviato in Note a margine | Commenta »

Generatore di temi per WordPress


Per chi ha fretta e non è molto pratico di HTML e CSS, ecco un generatore di temi per WordPress che permette di ottenere in pochi minuti un template relativamente personalizzato per il proprio blog.


Scritto il 26 Aprile 2007 Archiviato in Note a margine | Commenta »

Consigli per scrivere un buon markup HTML


Roger Johansson su 456 Berea Street, riprendendo un articolo apparso su Digital Web, pubblica una lista di punti (pienamente condivisibili) da tenere presente nella realizzazione di un buon markup html.

Continua a leggere


Scritto il 13 Aprile 2007 Archiviato in Web Standard, Webdev | Commenta »

CSS Naked Day, un giorno senza “stile”


CSS Naked Day 2007 logoCosa succederebbe se improvvisamente un giorno tutti i siti web dovessero restare senza CSS? Il prossimo 5 aprile è il giorno adatto per sperimentare questo scenario che si potrebbe definire post Web 2.0.

Tra due giorni infatti ci sarà il CSS Naked Day, un’iniziativa nata per promuovere il concetto di Web Standards. Un giorno intero per mostrare il proprio <body></body>.

Continua a leggere


Scritto il 3 Aprile 2007 Archiviato in CSS, Segnalazioni | 1 Commento »

Sono 960px, che faccio? Lascio…


Cameron Moll si chiede quale possa essere la larghezza ottimale di un layout a larghezza fissa, pensato per la risoluzione 1024×768 px.

974px e 960px sembrano essere le scelte preferite, con una predilezione per quest’ultima.

Per chi invece preferisce spostare il discorso sulla questione fisso VS liquido ecco che Cameron affronta l’argomento in un altro post.

Ricordo inoltre che generalmente si definisce liquido (o fluido) un layout che esprime le dimensioni in percentuali piuttosto che in pixel, mentre in un layout elastico le grandezze sono espresse in relazione alle dimensioni dei font (utilizzando em o ex).

Voi che stile preferite? In base ovviamente al tipo di sito da realizzare.


Scritto il 22 Settembre 2006 Archiviato in CSS, Web Standard, Webdev | 11 Commenti »

CSS World Awards


CSS World AwardsCSSMania ha organizzato il concorso CSS World Awards per individuare i migliori siti proposti nel corso dell’ultimo anno.

A differenza di motli concorsi simili, i voti non verranno assegnati dai visitatori del sito, ma da una giuria di esperti: Roger Johansson, Andy Budd, Cameron Moll, Molly E. Holzschlag, e Sergio Villareal.

Continua a leggere


Scritto il 6 Giugno 2006 Archiviato in CSS, Webdev | Commenta »

    Pagina successiva »
Chiudi
E-mail It