Archivio

Posts Tagged ‘webdesign’

Immagine di sfondo che si adatta alla finestra

24 ottobre 2009 admin Nessun commento

Mi era stato chiesto se fosse possibile dare una dimensione in percentuale ad un’immagine di sfondo in modo da far adattare l’immagine alla finestra. Al momento non è possibile fare una cosa del genere con i css e per questo ho creato questo piccolo script javascript che risolve il problema.

Lo script è disponibile in due versioni, nella prima l’immagine viene deformata per adattarsi alla finestra:

background si adatta alla finestraNella seconda l’immagine occupa lo spazio disponibile senza deformarsi e in caso facendo apparire le barre di scorrimento del browser:

sfondo che si adatta alla finestra Prosegui la lettura…

Linee guida per un markup corretto e accessibile

18 ottobre 2009 admin Nessun commento

Un markup accessibile non significa solo dare la possibilità a tutti di poter accedere agevolmente ai contenuti del nostro sito, significa anche aiutare i motori di ricerca nel processo di indicizzazione.

Prendete ad esempio il tag <IMG>, molti inseriscono le immagini in un sito direttamente come escono dalla macchina fotografica

Ecco la mia ultima foto
<img src="DSC00213.JPEG" />

Non ci vuole molto a capire che un motore di ricerca non potrà mai indicizzare correttamente un’immagine inserita in questo modo, è un po meno ovvio dedurre che un tasto per la navigazione risulterebbe inutile ad un non vedente senza l’attributo alt.

<img src="paginaSuccessiva.jpeg" alt="pagina successiva" />

Un tag inserito come qua sopra visualizza la scritta inserita come attributo alt quando non può essere visualizzata l’immagine, lo stesso attributo viene utilizzato dai motori di ricerca per dedurre informazioni sull’immagine.

Quanto sto per presentarvi è una lista di regole che non solo faciliteranno la navigazione del vostro sito ma vi permetteranno di avere un punteggio più alto nei motori di ricerca. Non conosco nessun editor visuale (wysiwyg) che rispetta queste regole alla lettera e per questo motivo ritengo che l’unico modo di creare un buon sito sia conoscere a menadito i linguaggi (x)html e css, non significa comunque che bisogna utilizzare editor come il notepad, ide come netbeans permettono uno sviluppo coerente e rapido allo stesso tempo.

Prosegui la lettura…

Esempi da non seguire per la creazione di un logo

5 settembre 2009 admin 1 commento

La creazione di un logo per una compagnia è un argomento un po delicato al quale spesso non si da troppo peso. In realtà un buon logo contribuisce parecchio al successo di un’azienda e la sua creazione richiede uno studio approfondito.

Stilizzare un concetto o un messaggio e lo spirito di un’azienda in qualcosa che sia allo stesso tempo semplice, riconoscibile e originale non è affatto semplice.

Quando avete bisogno di un logo il mio consiglio è quello di lasciar fare ad un grafico e al limite scegliere tra cosa vi viene proposto. Mi è capitato di avere richieste di loghi impossibili perchè il committente volendo fare di testa sua aveva immaginato un logo senza considerare anche le cose più basilari come che deve poter essere visualizzato in varie dimensioni o stampato.

“Negli esempi alcuni loghi verranno paragonati a figure esplicite, non pensate che abbia la testa malata. Quando viene fatta notare al pubblico una certa somiglianza, anche se non evidente, cambia l’opinione del pubblico verso il logo alterandone il messaggio. “

Quanto costa un logo?

Iniziamo subito con il primo esempio: il logo della NBC del ‘76.
Anche se un buon logo non ha prezzo non significa che chi più spende ha il prodotto migliore. La NBC pagò quasi 1 milione di dollari del ‘76 (non ho trovato la cifra esatta alcuni dichiarano 750.000 altri di più) solo per essere denunciata dalla Nebraska ETV Network che aveva un logo quasi identico.

nbcIl logo della Nike, realizzato da Carolyn Davidson, fu pagato nel ‘71 la bellezza di 35$ ed è ora uno dei loghi più conosciuti al mondo.

Prosegui la lettura…

Categorie:Blog, Grafica Tag: , , ,