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:

• bgpatterns
• patterncooler
• shizoo-design
• pattern8

Vi prego di segnalarmi altre risorse nei commenti

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…

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à.

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…

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.

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:

• Campagna di Sensibilizzazione IE6
• Internet Explorer. Il lato oscuro della Forza
• Quali Browser per i tuoi test?

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:

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

continua a leggere…

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.

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