Webdesign

Il rosso batte il verde!

Interessante articolo da performable che mostra l’aumento delle conversioni (in pratica i clicks) su un pulsante al cambiare del colore di sfondo.

Incredibilmente il pulsante rosso ha generato un incremento delle conversioni del 21%!

Puoi leggere l’articolo completo (in inglese) qui

Html5rocks.com

Google ha da poco lanciato un minisito chiamato html5rocks

Ti segnalo inoltre una serie di slide molto interessanti che introducono il nuovo linguaggio.

Tutti gli articoli di webquadro su html5 li puoi trovare qui

1400 icone gratis da FatCow

Imperdibile questa raccolta di ben 1400 icone offerta da Fatcow.

Le icone sono di ottima qualità e rilasciate sotto licenza creative commons. Puoi scaricarle a partire da qui.

750 icone per web designer

Smashing Magazine è una garanzia! Ti segnalo il download di 750 (settecentocinquanta!!!) icone da scaricare ed utilizzare gratuitamente per tutti i tuoi progetti.

Le icone sono state disegnate esclusivamente per SM, sono di estrema qualità e sono disponibili oltre che in formato PNG anche in PSD (Photoshop) per successive rivisitazioni.

Da qui è possibile scaricare il pacchetto completo:

Addictive flavour

Mentre qui trovi il link all’articolo originale:

The Ultimate Free Web Designer’s Icon Set

L’importanza di un buon pattern

Spesso si dice che il contenuto di un sito sia la parte più importante. In gran parte si dice la verità ma, come spesso accade, anche l’occhio vuole la sua parte. Uno sfondo, se sapientemente inserito, può fare la differenza.

Un esempio è Twitter dove si è generata una vera e propria mania alla ricerca dello sfondo più creativo.

Un Pattern è un particolare sfondo che viene ripetuto (a mosaico) che crea una particolare trama

L’esempio mostra ItalyToDo prima e dopo l’applicazione di un pattern. Il cambiamento è notevole ed è stato reso possibile da una semplice immagine ripetuta.

Alcune risorse da non perdere per i pattern:

Vi prego di segnalarmi altre risorse nei commenti

Il redesign di Webquadro.it

Anno nuovo design nuovo… Solo che ci ho messo un po’ più del previsto. Tra progetti iniziati, accantonati e ripensati alla fine siamo arrivati a Febbraio.

Il vecchio tema di webquadro, che tra poco sarà disponibile per il download gratuito, mi piace ancora ma lo trovo un po’ troppo semplice per come si sta evolvendo webquadro.

Da pochi di mesi sono un web designer freelance a tempo pieno e quindi ho la necessità di uno spazio più complesso dove convogliare clienti e semplici appassionati di web design.

Quella che segue è una descrizione del processo creativo che ha portato a questo nuovo layout. Il risultato puoi giudicarlo nei commenti ma cerca di essere magnanimo :-)

continua a leggere…

MAMP, il tuo Web Server personale e gratuito

Per testare siti dinamici in Php che fanno uso di database MySql necessitiamo di un webserver che esegua il nostro codice ed effettui gli accessi al db. Spesso si tende a lavorare direttamente online tramite ftp con tutte le problematiche (velocità) relative a questa modalità.

mamp_home

In ambiente Mac Os ci viene in aiuto MAMP, un programma completamente gratuito che installa sulla nostra macchina un web server completo di tutto in grado di eseguire le vostre pagine php.

Ma come funziona?

continua a leggere…

Come testare TUTTE le versioni di Internet Explorer

Ero alla ricerca di un comodo tool per testare i miei lavori sul maggior numero di browser disponibili e mi sono imbattuto in Internet Explorer Collection.

internet-explorer-8

Questo strumento (solo per Windows ma utilizzabile anche su Mac tramite Parallels) permette di testare TUTTI i browser della casa di Redmond dalla prima versione all’ultima.

Sul sito trovate una lista delle compatibilità aggiornata

Vi auguro buoni test e vi invito a rileggere alcuni post relativi all’argomento:

Div, Float e altezze variabili…

Webquadro è nato per condividere la mia esperienza. Oggi però sono io che chiedo aiuto a tutti voi!

In rete non ho trovato la soluzione al mio problema, quindi pubblico questo post nella speranza di avere delle risposte attraverso i commenti.

Problema

L’intento è quello di realizzare un layout liquido composto da div della stessa larghezza ma con diverse altezze. ..

Con la proprietà Float e l’attributo left per div con uguale altezza si ottiene qualcosa del genere:

inizio

Se invece l’altezza dei div varia in base al contenuto si creano degli spazi verticali…

continua a leggere…

Risorse Web Design dalla A alla Z

Oggi ti segnalo una completissima guida dedicata ai Web Designer creata da Julius Design. Si tratta di una raccolta di siti organizzata in ordine alfabetico che può offrire ottimi spunti.

webdesign

Alla lettera “S” è naturalmente presente Smashing Magazine di cui ti parlavo qualche tempo fa ma si trovano diverse risorse meno famose da non perdere assolutamente.

Le Migliori Risorse per Web Designers: Dalla A alla Z

Buona lettura

Acid adsense analytics Apple bookmarks browser chrome cms CSS facebook firefox flash font formattazione gmail Google grafica html5 icone Il mio Lavoro internet internet explorer iphone javascript jquery loghi mac php plugin rss safari search engine Seo social network standard statistiche test themes trends twitter video w3c wave web design Wordpress
webquadro.it - p.iva 03931400273 - design ☁ webquadro