Web design

50 consigli per un blog più ordinato


disordineSu Skelliewag è stata pubblicata una lista di 50 consigli per rimettere un po’ di ordine sul proprio blog. Le regole possono essere sintetizzate come un avvertimento contro l’abitudine di inserire troppi elementi inutili sulle pagine Web.

I consigli sono suddivisi per le varie sezioni tipiche di un blog: la barra laterale, la pagina dei post, il footer, alle quali si aggiungono una serie di indicazioni valide per tutte le pagine.

Ecco alcuni dei suggerimenti che potete trovare in questa corposa lista (con alcune aggiunte personali): Continua a leggere »


Scopri quanto gli utenti vedono del tuo sito con Google Browser Size


Google ha messo a disposizione di tutti un nuovo strumento chiamato Browser Size che permette di capire come gli utenti visualizzano una pagina web, soprattutto per quanto riguarda la porzione visibile senza dover effettuare lo scrolling.

Basandosi sui dati raccolti dagli utenti che visitano il sito google.com, Browser Size permette di mostrare la percentuale di utenti che visualizzano determinate porzioni della pagina. Questo permette di individuare rapidamente le zone che hanno maggiori probabilità di restare nascoste alla maggior parte dei navigatori. Continua a leggere »


Web design per Spa e centri benessere: le tendenze nel mondo


spa web designUn interessante articolo pubblicato su Build Internet! affronta il tema delle tendenze del web design in un settore particolare: quello delle SPA e dei centri benessere.

Analizzando i siti delle più importanti SPA a livello mondiale non è facile definire una tendenza predominante: si va dal sito dove l’utilizzo di immagini suggestive e di grande formato sostituisce quasi del tutto i contenuti testuali ad altri dove tutti i servizi sono descritti nel minimo dettaglio. Questo ovviamente dipende anche dal tipo di struttura: alcune infatti sono fortemente orientate al relax, altre invece sono strutturate per offrire anche dei servizi di tipo terapeutico e vantano la presenza di personale medico specializzato.

Tra le caratteristiche comuni però c’è sicuramente la predisposizione all’utilizzo di colori molto soft, utilizzati per evocare sensazioni ed atmosfere rilassanti. L’ampio uso di immagini è inoltre funzionale per stimolare il visitatore e nel far scattare in lui il forte desiderio trovarsi in quelle situazioni. Continua a leggere »


Wireframe e mockup online con iPlotz


iPlotz è un servizio che consente la creazione online di mockup e wireframe per siti e applicazioni web.

iPlotz
Continua a leggere »


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: