Articoli relativi a CSS

StyleGala in vendita per $30.000


StyleGala in vendita per $30.000StyleGala è sempre stata una delle migliori fonti di ispirazione per tutti quei web designer che sognano di creare un mondo migliore attraverso l’uso dei CSS ;)

Il proprietario del sito, David Hellsing, è troppo impegnato e, non riuscendo più a gestirlo come vorrebbe, è intenzionato a venderlo.

Il futuro acquirente dovrebbe disporre di almeno $30.000 e si spera che abbia la stessa sensibilità di David verso il rispetto degli standard.

Link: StyleGala.


Il meglio dell’anno per i webmaster


Su web-graphics.com è stata pubblicata una lista contenente i post, gli articoli, gli strumenti e le realizzazioni che hanno lasciato un segno nel design e nello sviluppo per il Web nel corso dello scorso anno.

Eccole elencate:


Usare CSS background responsabilmente


La possibilità di impostare delle immagini di sfondo nei fogli di stile è senza dubbio una possibilità espressiva in più per un web designer. Questa tecnica inoltre è molto utilizzata nelle intestazioni, nelle barre di navigazione e nei menu.

Come capita spesso, quando una cosa è comoda e veloce si rischia di cadere nell’abitudine di abusarne e in questo caso le vittime di tale abuso sono senza dubbio gli utenti del sito.

Un’aspetto che spesso non viene tenuto in considerazione è la mancanza dell’attributo ALT per le immagini di sfondo. Ma non solo, Derek Featherstone fornisce una piccola lista di esempi per illustrare quando è bene e quando è male utilizzare un’immagine come CSS background.

Continua a leggere


10 buoni motivi per seguire gli standard


Il rispetto dei web standard dovrebbe essere ormai una pratica diffusa. Dovrebbe.

Roger Johansson su 456 Berea Street illustra 10 motivi per invogliare anche i più demotivati all’introduzione di questi benedetti standard nel metodo di lavoro abituale.

In sintesi, lavorare seguendo i web standard:

  1. vi fa apparire più professionali;
  2. porta dei benefici anche all’immagine dei clienti;
  3. aumenta il numero di potenziali visitatori;
  4. migliora i tempi di caricamento delle pagine;
  5. rende i siti maggiormente accessibili;
  6. aiuta l’indicizzazione da parte dei motori di ricerca;
  7. rende il codice più gestibile;
  8. consente di separare il contenuto dalla presentazione;
  9. è una scelta dettata dal buon senso;
  10. è il modo corretto di fare le cose.

Scarlett Johansson A parte alcuni punti un po’ ridondanti e soggettivi, sono complessivamente d’accordo con il contenuto della lista di Johansson.
Chissà cosa ne pensa la sorella? ;)

Link: Ten reasons to learn and use web standards.


Typetester, confronta e scegli il tuo font


Typetester Un strumento per confrontare tre diversi stili di testo, scegliendo font, dimensione, allineamento e altri parametri. Un modo facile e veloce per decidere quale stile ci soddisfa maggiormente. Questo è Typetester.

E’ possibile selezionare i caratteri scegliendo tra quelli “sicuri”, quelli di default di Windows, del Mac e quelli installati sul proprio sistema.

Dalla sezione tools si accede anche alla lista delle configurazioni più gettonate ed è possibile scaricare il css della configurazione realizzata utilizzando Typetester.

Un servizio da provare.

Link: Typetester.


Wysiwyg o “a mano”?


Quando si tratta di HTML, XHTML e CSS è meglio affidarsi agli strumenti tipo Dreamweaver, GoLive e simili oppure ad un caro, “vecchio” e affidabile text editor?
La domanda probabilmente circola sin da quando uscì sul mercato la prima applicazione wysiwyg per la realizzazione delle pagine web.

Su Whitespace se ne parla anche in questi giorni e ancora una volta il famoso acronimo viene storpiato in WYSIAWYG che sta a significare What You See Isn’t Always What You Get per i puristi del codice oppure What You See Is Almost What You Get per i moderati.

PS: io tifo per i text editor ;)


Microsoft Developer Toolbar per Internet Explorer


Qualche giorno fa Microsoft ha rilasciato una versione beta della propria Developer Toolbar per Internet Explorer. Lo strumento, secondo le intenzioni di MS, serve per esplorare e capire meglio come sono strutturate le pagine web.

L’obiettivo è quello di aiutare gli sviluppatori nella creazione di siti aderenti agli standard (del W3C, non di MS ;))

Link: Internet Explorer Developer Toolbar Beta.


Elementi block ed inline nei CSS


Quasi tutti gli elementi che vengono utilizzati in ambito html (e xhtml) possono essere suddivisi tra elementi inline ed elementi block.

Un elemento a livello block presenta alcune caratteristiche:

  • inizia sempre con una nuova riga;
  • l’altezza, l’interlinea e i margini dell’elemento possono essere gestiti;
  • se non viene specificata, la larghezza di default dell’elemento è il 100%.

Elementi di questo tipo sono: div, p, form, ul, li, h1, h2, h3 …etc…

Gli elementi inline invece:

  • iniziano sulla stessa riga;
  • l’altezza e i margini superiore ed inferiore non possono essere impostati;
  • la larghezza corrisponde a quella del testo o dell’immagine contenuta e non può essere manipolata.

Elementi di questo tipo sono: span, a, label, input, img, strong ed em.


640×480, 800×600 o…


Il recente lavoro di restyling di A List Apart ha portato nuovamente alla ribalta il tema della “compatibilità” dei siti web nei confronti di chi usa un monitor con una risoluzione molto bassa (640×480 o 800×600 pixel).

Il rispetto dei 640×480 ormai è stato abbandonato da un po’ ma ora si sta pensando anche di tralasciare quello per la risoluzione 800×600.

Mi piacerebbe conoscere qualche vostra opinione a riguardo. Siete per un template fisso che rientra nei canonici 800×600 pixel o vi siete già spinti oltre questa risoluzione? Oppure preferite adottare un template fluido che si adatta alle dimensioni della finestra del browser?


Maggiori dettagli sul supporto CSS2 in IE7


Sul blog ufficiale di Internet Explorer è possibile vedere in dettaglio l’elenco dei bug a livello di CSS che sono stati corretti nella versione 7 del browser di casa Microsoft.

Link: Standards and CSS in IE



Chiudi
E-mail It