E’ arrivato il momento di annunciare la nascita del mio nuovo sito, molto lontano dagli argomenti trattati su tomstardust.com, ma altrettanto importante per me: GdR Players.

Avevo in mente di realizzare da tempo un progetto simile, vista la mia passione per i giochi di ruolo. Non ero però mai riuscito a portarlo avanti fino ad ora, lasciandolo tra le cose “da fare”. Quest’estate invece ho finalmente realizzato quello che volevo, dopo aver creato diverse bozze grafiche (l’ultima è su Flickr). Trovato in questi giorni il tempo di gestire gli ultimi dettagli, adesso il sito è online.

Cos’è GdR Players?

L’obiettivo è quello di riunire in un unico luogo i giocatori di ruolo italiani, ma non ho voluto realizzare un sito in competizione con le già eccellenti community esistenti. Lo scopo principale, sfruttando Google Maps, è trovare il modo di localizzare tutti i giocatori registrati, permettendo loro di comunicare ed eventualmente organizzarsi per incontri, serate di gioco ed eventi a tema.

Ogni utente ha la sua pagina personale con la possibilità di inserire alcune informazioni. Nel sito poi ci sono anche altre sezioni di contorno, come l’immancabile blog a cui tutti possono contribuire, usato anche per scrivere annunci.

La base: WordPress

Lavorando da anni su WordPress, mi è sembrata la scelta più logica continuare ad utilizzarlo, anche se GdR Players non è il solito blog. Ho realizzato un template su misura per l’homepage, posizionato l’elenco dei post in una pagina secondaria, e sfruttato alcuni plugin per le funzionalità che volevo implementare:

• Register Plus: permette di personalizzare la registrazione di WordPress, aggiungendo dei campi e rendendoli obbligatori, come la località. L’ho utilizzato anche per consentire la scelta della password durante la registrazione: credo sia una soluzione molto più usabile.
• User Photo: come dice il nome, questo plugin consente agli utenti registrati di caricare un proprio avatar e visualizzarlo sul sito. Interessante anche il supporto per i Gravatar, che possono essere utilizzati come seconda scelta nel caso l’utente non carichi alcuna immagine.
• WP Private Messages: era d’obbligo trovare una soluzione per consentire agli utenti di comunicare tra loro. Questo plugin introduce un sistema basilare di messaggistica all’interno di WordPress: ha qualche difetto, ma traducendolo e aggiungendo qualche dettaglio (come il link per tornare sul sito dopo aver mandato un messaggio) è una soluzione accettabile.

All’uso di questi plugin va anche aggiunta qualche personalizzazione ulteriore della piattaforma, come il ruolo di default degli utenti registrati che non è “sottoscrittore” ma “collaboratore”. In questo modo ognuno ha la possibilità di creare un post o un annuncio ed inviarlo agli amministratori per la pubblicazione.

Il cuore: la mappa degli utenti su Google Maps

Il centro del sito è ovviamente la pagina con la mappa dei giocatori registrati. Per realizzarla ho sfruttato le API di Google Maps e sono piuttosto soddisfatto del risultato, anche se è sicuramente migliorabile. Ho inserito anche l’elenco testuale dei giocatori iscritti, per rendere accessibili a tutti le informazioni presenti sulla pagina.

Il funzionamento è il seguente:

• una funzione Php crea un file XML con le informazioni di tutti i giocatori: nickname, link al profilo, coordinate della località
• un JavaScript nella pagina della mappa recupera queste informazioni e le visualizza

La cosa che ho scoperto solo dopo alcune ore di lavoro è che esiste lo standard GeoRSS per i file XML come questo, e Google Maps li supporta pienamente. Una volta organizzate le informazioni nella maniera adeguata bastano poche righe di JavaScript per creare la mappa corretta.

A questo si aggiunge qualche altra riga di codice per le pagine dei giocatori: in ognuna appare una semplice mappa con un unico puntatore, che indica la località dell’utente.

Nei prossimi giorni ho intenzione di pubblicare un altro articolo per descrivere il codice che ho utilizzato, visto che potrebbe interessare a qualcuno.

I primi risultati

Ammetto di essere rimasto sorpreso dai primi risultati del progetto. L’ho presentato in anteprima agli iscritti della newsletter di tomstardust.com e ad alcuni miei amici: c’erano ancora alcuni bug da risolvere, e le visite che sono arrivate mi hanno preso alla sprovvista. In soli due giorni gli utenti registrati sono diventati più di 40, con un picco di 233 visite uniche il secondo giorno. Fortunatamente ho risolto i bug, ma ho anche imparato che lanciare un progetto troppo presto può essere rischioso.

Ora sto raccogliendo diversi feedback, positivi e negativi, e sono tutti enormemente utili. Potete vedere il sito all’indirizzo gdrplayers.it, aspetto anche i vostri pareri. Non è necessario che siate dei giocatori di ruolo, molte pagine possono essere navigate anche senza essere registrati.

Download – Demo

Sono contento di poter finalmente annunciare il rilascio del mio nuovo tema per WordPress: Exciter.

E’ un template a colonna singola, minimalista ma efficace per chi vuole un blog focalizzato esclusivamente sui contenuti. Le pagine sono raggiungibili da un menu posizionato nell’header, ma non esiste una vera e propria sidebar.

Le widget infatti appaiono distribuite su due colonne all’interno del footer, che può essere personalizzato facilmente dall’amministrazione di WordPress. Se volete cambiare le widget presenti di default, il mio consiglio comunque è di inserirle in egual numero in modo che la grafica sia bilanciata correttamente.

Supporta tutte le nuove funzioni di WordPress 2.7, i post sticky ed i commenti nidificati e paginati.

E’ presente anche qualche riga di JavaScript per abilitare lo scrolling fluido all’interno delle pagine, spostandosi con le ancore HTML. Potete vedere l’effetto cliccando sul link “top” all’interno del footer, che rimanda all’inizio della pagina corrente (è lo stesso effetto del “torna su” presente in questo sito).

Sono riuscito solo recentemente a trovare il tempo per completarlo dopo l’annuncio di Ottobre 2008, ma spero che il risultato finale vi piaccia: aspetto volentieri critiche e commenti!

Potete scaricare Exciter sia in inglese che in italiano: per l’occasione trovate aggiornata anche la sezione di questo sito dedicata ai temi WordPress.

Adesso è compatibile con la versione 2.7 di WordPress, e permette di utilizzare tutte le nuove feature di questa piattaforma: dai post in evidenza ai commenti nidificati e paginati.

Visti gli importanti cambiamenti, ho deciso di contrassegnare come versione 2.0 questa release del tema. Restano valide tutte le precedenti caratteristiche, eccole riassunte:

• tema a 2 colonne
• larghezza fluida
• widget-ready
• XHTML e CSS validi
• accessibile
• testato su Pc e Mac
• cross-browser
• compatibile con i post sticky
• compatibile con i commenti nidificati e paginati

Potete scaricarlo dall’apposita pagina, in italiano o in inglese.

Contattatemi senza problemi per lasciarmi i vostri pareri, ho voluto fare l’aggiornamento in questi giorni per rilasciare a tutti gli interessati un regalo di Natale anche da parte mia. Buone feste!

In questa nuova versione è sparita la mela del logo Apple, sostituita da un nuovo dettaglio grafico: l’ispirazione mi è venuta direttamente dallo shop online di A List Apart. Ho anche modificato il gradiente e l’effetto mouseover sul logo, che era fin troppo marcato. Spero che i nuovi ritocchi vi piacciano, come sempre sono aperto a critiche e suggerimenti.

Se mi seguite tramite il Feed RSS, collegatevi al sito per vedere il cambiamento!

Sarà rilasciato gratuitamente come è già successo con Stardust, il mio primo lavoro. Anche questo progetto avrà codice xhtml valido e semanticamente corretto, e come sempre riserverò particolare attenzione ad accessibilità ed usabilità.

La differenza fondamentale sarà nel layout: ho voluto realizzare un tema per chi desidera un blog minimale. Tutto infatti sarà focalizzato esclusivamente sui contenuti. Niente sidebar o menu troppo invasivi, i post saranno in primo piano, con grande cura per i dettagli. Ho intenzione di creare anche un footer dove potranno essere posizionate le widget di WordPress, per garantire una buona personalizzazione.

Poichè i lavori sono ancora in corso, ogni consiglio è ben accetto: sono aperto a qualsiasi richiesta per rendere il template finale il più possibile interessante. Cercate di tenere presente la bozza grafica che ho preparato, e suggeritemi le vostre idee senza problemi!

Quando il tema sarà ultimato, potrete trovarlo su questa pagina e scaricarlo anche dalla directory ufficiale di WordPress. Se non volete aspettare, vi consiglio di iscrivervi alla newsletter di TomStardust.com: riceverete una copia del tema Exciter in anteprima.

Questo post è per segnalarvi una collezione di separatori di pagine web di ottima qualità. In genere non scrivo interventi simili, ma questa a mio parere è una delle migliori release di Smashing Magazine; tra l’altro il materiale è totalmente gratuito e può essere utilizzato per progetti personali senza alcun vincolo. E’ disponibile anche un archivio con i files originali di maggior parte delle proposte.

I separatori potrebbero servirvi anche come fonte di ispirazione per gli <hr> dei vostri lavori. Io ne ho appena approfittato per modificare TomStardust Diary, partendo da questa immagine:

Mi piaceva l’idea di base ed ho realizzato qualcosa di simile, che potesse integrarsi bene con la grafica del mio blog personale:

Come sempre, altre segnalazioni e pareri sono ben accetti nei commenti; se però nel vostro feed reader non avete ancora Smashing Magazine vi consiglio di rimediare!

Dopo aver annunciato a fine Luglio l’inizio dei lavori, oggi finalmente apre TomStardust Diary.

Mi ha fatto piacere condividere la fase di sviluppo con gli iscritti alla newsletter, che hanno potuto accedere al nuovo blog durante la lavorazione in una sorta di beta privata. Il risultato finale è leggermente diverso dalla bozza grafica che avevo realizzato, ma non si discosta molto dall’idea originale.

Anche questo nuovo blog è realizzato su piattaforma WordPress, ed il template è realizzato interamente da zero. Ho optato per un layout fluido, mettendo in evidenza il post più recente e riservando sulla barra laterale uno spazio a YouTube: è innegabile che i video siano sempre più parte integrante della rete.

Per gli amanti dei browser preistorici, ho continuato a supportare anche IE6. Ci sono però delle png trasparenti, angoli arrotondati tramite CSS per Firefox e Safari, ed alcuni effetti al mouseover.

Se avete voglia di seguirmi in questa nuova avventura, tra recensioni di film, libri, musica e concerti, con qualche escursione a cavallo tra notizie di cronaca e tecnologia, mi trovate su TomStardust Diary.

Cos’è TomStardust Diary?

Come è facilmente intuibile dal titolo, si tratta di un nuovo blog su piattaforma WordPress, che ho intenzione di aprire prima possibile, molto probabilmente a Settembre. TomStardust.com è destinato esclusivamente ad argomenti tecnici, e sto sentendo la necessità di crearmi un nuovo spazio dove poter parlare delle altre mie passioni, in quello che sarà molto semplicemente un blog personale.

Ovviamente non tratterò gli stessi argomenti, ma parlerò soprattutto di cinema, libri, musica, e qualsiasi altra cosa sarebbe stata off topic da queste parti.

E’ possibile vedere già qualcosa?

Assolutamente sì. Ho caricato su Flickr la prima bozza della homepage: non è detto che sia definitiva in tutti i suoi particolari, ma può servire a dare un’idea di come sarà TomStardust Diary.

Ho in programma di realizzare almeno un nuova bozza per le pagine interne, che troverete sempre sulla mia pagina di Flickr appena sarà pronta.

Come funziona il progetto?

Fino all’apertura ufficiale il sito TomStardust Diary sarà chiuso al pubblico. Ci sarà però un’eccezione: fornirò infatti l’accesso agli iscritti alla newsletter di TomStardust.com, che potranno seguire la realizzazione del tema e gli sviluppi della sua messa online. In questo momento le prime mail dovrebbero già essere arrivate a destinazione.

Ogni volta che ci saranno degli aggiornamenti sul tema WordPress a cui sto lavorando, provvederò a mettere immediatamente online la nuova versione, anche se avrà parti mancanti ed ovviamente non sarà perfetta. Attualmente ho dato forma all’header, il codice php è da sistemare, e c’è solo la base del CSS: è un primo punto di partenza.

Voglio permettere di seguire il mio lavoro in tutte le sue fasi a chi è interessato: dalla creazione dell’HTML alla scrittura del CSS, seguendo la bozza grafica caricata su Flickr. Basterà collegarsi al nuovo indirizzo e vedere i progressi fatti giorno dopo giorno.

Se volete partecipare al progetto, iscrivetevi alla Newsletter e riceverete immediatamente i dati per accedere.

Se avete ricevuto username e password, potete utilizzarli subito per entrare su TomStardust Diary.

Feedback e commenti

Una delle cose che mi interessa di più è poter avere un giudizio sul lavoro che sto svolgendo, ancora prima di pubblicare il sito completo.

Se volete raccontarmi le vostre impressioni o farmi sapere cosa pensate del mio modo di lavorare, potete farlo quando volete tramite i commenti di questo post, che resterà il punto di riferimento per il progetto TomStardust Diary. Potete anche scrivermi in privato, utilizzando il modulo contatti.

Non ci sono state rivoluzioni nella struttura delle pagine e nel layout che ritenevo già sufficientemente solido, questo aggiornamento riguarda soprattutto l’aspetto grafico ed in parte minore l’interfaccia.

C’è un nuovo header, una palette di colori diversa e più ricca, ed un pannello di controllo ridisegnato con delle icone più grandi e facilmente cliccabili.

Dal punto di vista dell’interaction design c’è qualche cambiamento. Ho infatti deciso di raggruppare il menu sulla colonna sinistra sfruttando la libreria javascript Mootools che era già presente sul sito per aprire il pannello di controllo. Adesso con lo stesso script (l’ormai famoso accordion) e con l’aggiunta di poche righe di codice il layout è più ordinato, ed alcuni elementi come l’archivio e la lista delle categorie sono disponibili con un clic.

Anche nei commenti dei post c’è una piccola aggiunta che migliora la leggibilità delle mie risposte: ho usato il plugin Author Highlight per differenziarle.

Ma la vera novità di questa versione è una nuova pagina dedicata ai miei temi per WordPress. In questo momento è disponibile esclusivamente Stardust, l’unico reso pubblico. Spero di arricchire presto la sezione, che nel menu di navigazione ha preso il posto del collegamento esterno al mio blog su Splinder, ormai abbandonato a se stesso per mancanza di ispirazione e soprattutto di tempo.

Infine per quanto riguarda la tipografia ho migliorato la leggibilità dei testi, mantenendo il font Verdana ma aumentando le dimensioni dei caratteri. Chi preferiva la vecchia versione può sempre scegliere il CSS con i caratteri piccoli, dal pannello di controllo.

Se doveste riscontrare problemi o errori di navigazione nelle varie pagine non esitate ad avvisarmi, ho testato il nuovo tema su vari browser su Pc e Mac, ma qualcosa potrebbe essermi sfuggito.

Buona navigazione, aspetto i vostri pareri su questa nuova veste grafica!

Ringrazio Carlo Perassi che si è occupato del lavoro visto il poco tempo che avevo a disposizione.

Trovate sul suo blog tutte le indicazioni per scaricare il tema tradotto.