Articoli relativi a Webdesign

Verificare il funzionamento di un sito con browser e sistemi operativi differenti


Tempo fa scrissi in merito ad un servizio che consentiva di ottenere degli screenshot di un sito visto con differenti combinazioni di browser e sistema operativo.
Una cosa di questo tipo è sicuramente molto utile per verificare che, almeno dal punto di vista grafico, la maggior parte degli utenti possa vedere il frutto del nostro lavoro nel modo in cui noi lo abbiamo progettato.

Avere una lista di screenshot però, non permette di testare a fondo il funzionamento del sito dato che, essendo immagini, non permettono alcuna interazione.
Continua a leggere


Internet Explorer 8 sarà rispettoso dei web standard


A differenza di quanto annunciato in precedenza, Microsoft ha deciso di rendere l’ultima versione del proprio browser* maggiormente rispettosa degli standard che “regolano” lo sviluppo delle pagine web. La variazione riguarda in particolare la modalità standard di rendering delle pagine, che non è di default quella implementata in IE7 ma una che segue maggiormente le linee guida dettate dal W3C.

In pratica non sarà necessario specificare nel codice l’utilizzo dello standard mode di IE8 perché tale modo di rendering sarà quello utilizzato di default. Non servirà quindi utilizzare il meta tag:
<meta http-equiv="X-UA-Compatible" content="IE=8" />
per sfruttare la modalità standard di IE8.

Anche John Resig (il creatore di jQuery) sembra particolarmente soddisfatto di questa nuova versione del browser Microsoft.

* disponibile da oggi in versione beta.


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


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.


Il Web Design nell’era del Web 2.0


Web Design Web 2.0Capita ormai sempre più spesso sentir parlare di siti web che si definiscono o che vengono definiti 2.0 ma che in realtà non presentano alcun connotato tipico di questo concetto.

La “colpa”, se così la vogliamo definire, è dovuta all’affermarsi di uno stile di design 2.0.
Se siete interessati, su Web Design from Scratch è possibile trovare una guida che spiega i passi principali da seguire per realizzare un sito in puro stile Web 2.0.

Dall’utilizzo di un layout semplice e centrato alla netta separazione della testata dal resto del contenuto, dall’uso del grassetto alla scelta dei colori, dei gradienti e delle icone.

Continua a leggere


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:


Dalla scala Pantone alla codifica esadecimale dei colori


Una tabella di conversione tra scala Pantone e la codifica esadecimale dei colori.

Sempre restando in tema suggerisco anche ColorBlender.

Link: Pantone and hexidecimal colour conversion chart.


DarkEye, ispirazione per web designer


Su DarkEye potete vedere, esprimere un giudizio e persino mostrare le vostre creazioni in materia di web design.

Link: DarkEye.


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 ;)



Chiudi
E-mail It