Ogni giorno, per 365 giorni, una risorsa photoshop liberamente scaricabile dal loro sito!

Super consigliato! Per non perdere gli aggiornamenti puoi seguire il loro profilo twitter.

E non dimenticarti di seguire anche me!

Ecco una lista di altre risorse che potrebbero interessarti:

1. iconfever.com
2. Il dilemma del profilo unico su twitter

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

La colpa di base è sempre stata mia perché non ho mai “spinto” il mio nome nell’ottimizzazione e indicizzazione dei miei siti.

Il risultato, fino a poco tempo fa, era un tristissimo link al mio profilo Facebook in prima posizione seguito dal profilo twitter in seconda e da qualche commento sparso per la rete.

Ora la situazione è decisamente migliorata:

Cosa ho fatto di particolare? Niente! Mi sono limitato ad aggiungere nel title del mio blog “il blog di Maurizio Panese” e ad indicare l’autore (che son sempre io!) nei post di webquadro.

Al resto come spesso accade ci pensa Google.

Il consiglio che mi sento di dare è quello di investire da subito sul proprio nome non avendo paura di puntare su te stesso! Perché il rischio è quello di trovare il dominio del tuo cognome occupato o ancor peggio in vendita a quasi 600$

Ecco una lista di altre risorse che potrebbero interessarti:

1. Usare Google Custom Search con Wordpress
2. Google cambia aspetto! pronta la nuova interfaccia

Da quando mi sono iscritto circa un anno fa ho subito creato due account. Uno per lavoro @webquadro ed uno personale @mauriziopanese. Solo ora però mi rendo conto che gestire due o più account separati costa il doppio della fatica senza contare che spesso tendo a dare la precedenza a quello personale.

Il dubbio è quello di mischiare il lavoro con il piacere ma anche quello di rendere “professionalmente pubblici” tweet meno pertinenti al mio lavoro.

In ogni caso da oggi il mio (ex) profilo personale non verrà più aggiornato a tempo indeterminato:

Per chi volesse seguirmi basta andare all’indirizzo http://www.twitter.com/webquadro

Ecco una lista di altre risorse che potrebbero interessarti:

1. Investi in Facebook… Mantieni il tuo profilo aggiornato

Per non perdere neanche un’icona ti consiglio di abbonarti al feed rss.

Mentre se non vuoi perdere gli aggiornamenti di webquadro… clicca qui!

Ecco una lista di altre risorse che potrebbero interessarti:

1. 365icon.com
2. 365psd.com

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

Dimensioni

Per prima cosa ho deciso di sfruttare tutto lo spazio a disposizione offerto dalle nuove risoluzioni con  980px di larghezza. In passato ti avevo consigliato 960 pixel come misura ideale ma in questo caso avevo proprio bisogno di quei 20px in più.

Tutto è stato misurato in funzione dei contenuti. Per esempio la parte legata ai post è stata ingrandita per dare spazio al nuovo formato 16:9 di youtube.

Header

Questa è la parte a cui ho prestato più attenzione. Del resto è la prima cosa che si vede!

La scelta di portare il menu sopra il logo è stata voluta per dare maggiori importanza alle macro sezioni del sito. Il blog (la passione), il portfolio (il lavoro) e i contatti (me). Menu a caratteri cubitali in netto contrasto con il resto del sito.

Per  il logo ho scelto un posizionamento assoluto in modo da poter giocare con il contrasto bianco/grigio e con l’ombreggiatura. Avrei voluto usare la proprietà rotate offerta dai CSS di terza generazione per inclinare il logo ma purtroppo Internet Explorer…

Tramite le api di twitter e questo tutorial finalmente mostro l’ultimo tweet del mio account.

Ricerca personalizzata tramite Google Search ma modificata nello stile per adattarla al nuovo layout seguendo quanto già spiegato in questo post.

Le categorie sono mostrate in un’unica riga subito sotto il logo in maniera quasi impercettibile. Lo so forse sono troppo piccoli i link ma ho deciso di dare risalto alle categorie del blog tramite altri strumenti che introdurrò in seguito

Per concludere, una serie di  button per le varie condivisioni sui social e per i feed rss. In futuro conto di integrarli con altri link ai download o alle categorie più importanti del blog.

Il blog

Qui forse ho esagerato!

Non nascondo di essermi del tutto inamorato dei titoli giganti. A qualcuno potrebbe sembrare una scelta azzardata ma a me piace pensare che sia un modo semplice e chiaro per mostrare “di cosa sto parlando”. L’ispirazione definitiva mi è venuta guardano il sito web di wearepixel8.

Per quanto riguarda i metadati del post l’ispirazione e anche il punto di riferimento è Nick LA e il suo recente redesign di n.design studio. Anche io come lui ho deciso di mostrare le categorie di appartenenza del post in maniera più visuale associando un immagine a ciascuna categoria.

I Commenti

Per i commenti non ci sono sostanziali cambiamenti se non l’evidenziazione dell’autore, il gravatar più grande e la separazione di trackback e pingback dal flusso naturale dei commenti. Inoltre ne ho invertito l’ordine in modo da rendere più agevole la lettura della discussione.

I Tag

Webquadro sta crescendo e con lui il numero di tag. Ho pensato di inserire la tag cloud subito dopo il contenuto in maniera prorompente e con i colori in contrasto. Questo perché non evidenziando i singoli tag nei post ho sentito la necessità di valorizzare questo metodo di suddivisione.

La Sidebar

Questa sezione la considero ancora work in progress. Ho aggiunto gli articoli più commentati e gli ultimi inseriti ma le idee sono ancora tante e verranno inserite un poco per volta.

Da notare l’effetto hover sulle liste che secondo me è molto carino

Il Portfolio

Qui il lavoro più duro è stato adattare la funzione wp_list_bookmarks di wordpress ai miei scopi. In questo modo ora posso gestire l’inserimento di nuove creazioni direttamente dall’amministrazione creando un link nel blogroll.

I progetti realizzati sono descritti in maniera sintetica e suddivisi per tipologia. In breve tempo prometto di completare il portfolio anche con i lavori di computer grafica.

I contatti

La scelta è particolare. Ho inserito nel footer una breve bio/introduzione affiancata da una form contatti e  completata da tutti i link utili a restare in contatto. Cliccando su contatti si accede ad una pagina vuota con un “freccione” che rimanda al footer sopra descritto. L’ho trovato un modo carino ma soprattutto diverso per descrivermi.

404 Not Found

bisogna sempre prevedere un link corrotto od un errore di digitazione che porta inesorabilmente  ad un bel 404. Nella precedente versione in questi casi offrivo una lista delle categorie presenti. Ora oltre al messaggio (bene in evidenza) di errore invito il visitatore ad utilizzare la ricerca.

I Font

Uso quasi esclusivo di Helvetica con qualche tocco di Georgia giusto per alternare un po’. Con l’aiuto della proprietà letter-spacing sono riuscito ad ottenere titoli e menu più “compatti”

I Colori

Sono un amante dei grigi, non ci posso fare niente. Quelli nelle mie creazioni  ci saranno sempre. Da notare però il cambiamento da #333 a #444 per i testi che li rende meno pesanti soprattutto a queste dimensioni e il netto cambio di rotta verso il rosso (il tema precedente di webquadro era basato sull’azzurro)

Avanti con i commenti…

Ecco un video che ne illustra le potenzialità:

Che dire? A me sembra carino e soprattutto intuitivo. Prende spunto da diversi social network di successo ma anche da Wave per quanto riguarda il metodo di condivisione.

Ecco una lista di altre risorse che potrebbero interessarti:

1. Google Reader e gli RSS
2. Come funziona Google Wave?
3. Google Wave non serve a tutti…

Per questo cerco di dare al cliente una versione semplificata dell’amministrazione in modo da non creargli confusione.

Il metodo è molto semplice. Basta copiare questo snippet di codice nel functions.php del tuo tema:

function remove_menus () {
global $menu;
	$restricted = array(__('Dashboard'), __('Posts'), __('Media'), __('Links'), __('Pages'), __('Appearance'), __('Tools'), __('Users'), __('Settings'), __('Comments'), __('Plugins'));
	end ($menu);
	while (prev($menu)){
		$value = explode(' ',$menu[key($menu)][0]);
		if(in_array($value[0] != NULL?$value[0]:"" , $restricted)){unset($menu[key($menu)]);}
	}
}
add_action('admin_menu', 'remove_menus');

L’esempio rimuove tutte le voci. Per ottenere l’effetto desiderato lascia solo le voci che vuoi rimuovere.

Ecco una lista di altre risorse che potrebbero interessarti:

1. CSS – Menu a tendina (dropdown menu) a tre livelli
2. Google Apps Status Dashboard

Questo significa che anche altre vecchie versioni di firefox (il ramo 2.0), Safari e Opera potrebbero avere dei malfunzionamenti mentre il supporto continua per le versioni recenti:

Il fatto che un’azienda importante come Google ci metta la faccia è molto importante per porre finalmente fine alla vita di Internet Explorer.

Ti ripropongo questa campagna che avevo sponsorizzato qualche tempo fa con un post:

Campagna di Sensibilizzazione IE6

Ecco una lista di altre risorse che potrebbero interessarti:

1. Internet Explorer. Il lato oscuro della Forza
2. Come testare TUTTE le versioni di Internet Explorer
3. Quali Browser per i tuoi test?

Il risultato è… Il Nulla. Dei miei quasi 50 contatti non un’onda nell’ultimo mese.

E vogliamo parlare della blogosfera? A Novembre se ne straparlava, a Dicembre si era aperta la caccia all’invito e ora?  Tutto fermo.

Forse è ancora presto ma credo che con una partenza così tiepida i margini di successo di questo “rivoluzionario” servizio si siano ridotti di molto.

Tempo fa avevo scritto:

• Come funziona Google Wave?
• Google Wave non serve a tutti…

Ecco una lista di altre risorse che potrebbero interessarti:

1. Come funziona Google Wave?
2. Google Wave non serve a tutti…
3. Benvenuto Google Buzz