Squared, nuovo tema per Wordpress

Il mio nuovo amore si chiama Helvetica Neue. Tutto è iniziato dopo che l’ho scoperto: è stato un colpo di fulmine talmente violento che ho cestinato le ultime 3 bozze del re-design che mi ripromettevo da tempo di ultimare e ho disegnato d’istinto questo nuovo tema. E visto che ormai c’ero, ho cercato di fare le cose per bene.

Fonts & Tipografia

Per quanto il tema sia stato progettato per il mio unico ed esclusivo diletto, ho pensato anche a coloro che non hanno Helvetica Neue installato. Perciò ne ho approfittato per degradare la font-family del body con alcuni freefont: sono sceso a compromessi con FreeSans e Gargi_1.7 per chi naviga da una Linux Box, e con Calibri, nuovo font disponibile in Vista.

font-family: "Helvetica Neue", Helvetica, FreeSans, "Gargi_1.7", Calibri, Arial, sans-serif;

Anche per i tag pre e code ho degradato i font, in particolare ho trovato molto ben fatto Consolas (anch’esso di Vista):

font-family: 'andale mono', 'lucida console', Consolas, monospace;

Perché sans serif? Nei mesi passati ho lavorato un paio di volte con i serif, ma li ho trovati molto difficili da gestire per ottenere una buona leggibilità. Anche se Georgia è nella safe-list, i font più belli da utilizzare non sono così diffusi come dovrebbero (tipo Palatino Linotype). E seppur Astheria con il suo stupendo template dimostra che è possibile, io non sono ancora in grado di fare largo uso dei serif.

Per quanto riguarda il ritmo verticale ho trovato enormi problemi nel preservarlo a fronte di elementi con bordo. Ho rosicchiato dai margini lo spazio necessario e dove possibile ho convertito gli elementi alti 1px in 0.05em, perché, dopo alcune prove, ho scoperto che la maggioranza dei browser rende 0.05em come 1px. Quando gli elementi hanno un bordo su ogni lato (ad esempio, in questo tema, le immagini dentro ai post) ho usato outline. In generale le mie sono state paranoie inutili, però prendete nota lo stesso che non si sa mai.

Layout a Griglia

Stavolta passo: niente griglia. Non che non mi piacciano i layout a griglia, anzi. Solo che non questa volta non era necessario per quello che volevo ottenere. Visto che ho ridotto drasticamente i tempi di aggiornamento di questo blog, il mio obiettivo è stato quello di semplificare il tema e depurarlo da tutti i fronzoli inutili: dovevo ottenere qualcosa di semplice. E visto che, come di consueto, avevo dall’inizio l’intenzione di rilasciarlo, volevo che fosse anche qualcosa di canonico affinché venisse incontro ai più disparati utilizzi: 2 colonne e via.

Ammetto comunque di averci provato, e adesso ho almeno una decina di layout semi funzionanti che, forse, un giorno potrebbero diventare la base per altri temi.

Personalizzabile

Ha due o tre tonalità di grigio, il bianco (immancabile) ed un unico colore dominante. Sarebbe stata una dimostrazione di pigrizia incredibile se non avessi implementato un piccolo pannello di controllo per scegliere il colore principale. Così se mi annoio posso cambiare il blu in fucsia, o almeno non deprimermi troppo quando troverò in giro blog-fotocopia che usano il mio stesso tema.

Ciao, io sono Squared

Dopo aver dimostrato al mondo la mia incapacità di dare i nomi ai temi (ricordate Maggiociondolo?), mi sono tenuto sul classico e ho battezzato la creatura Squared. Adesso è disponibile per il download nella paginetta dei temi.

Spero di aver fatto un buon lavoro, personalmente sono abbastanza soddisfatto: dico abbastanza perché non ho fatto a tempo a metterlo online che gia mi sono venute un paio di idee per modificarlo; comunque per adesso rimane così, per sperimentare c’è tempo.

Se vi andasse di provarlo (ne sarei davvero felice) fatemi sapere le vostre impressioni!

16 commenti

  1. Roberto
    Pubblicato 17 Marzo 2008 alle | Permalink

    Che Bello! Grazie!

  2. Pubblicato 17 Marzo 2008 alle | Permalink

    Grande Lab!!
    Ehehe non sapevo esistesse un font che porta un pezzo del mio cognome (Gargi) ahhah
    Non male questo tema, e anche un pizzico di accessibilità in più ;)
    Pubblicità su iwd ne vuoi?

  3. Pubblicato 17 Marzo 2008 alle | Permalink

    Ottimo lavoro Lab! Se posso farti un appunto: manca un doveroso ringraziamento a quel santo che ha fatto da cavia! :) Scherzo ovviamente, ti faccio nuovamente i miei complimenti per questo nuovo lavoro…

  4. Pubblicato 17 Marzo 2008 alle | Permalink

    un appunto: nella paginetta dei temi mancano le anteprime! ora ne hai ben due da mostrare ;)

  5. Laburno
    Pubblicato 17 Marzo 2008 alle | Permalink

    Grazie!
    A questo punto mi tocca mettere su una demo funzionante, mi sa che è la cosa migliore.

    @Lauryn: pubblicità? :)

  6. Pubblicato 17 Marzo 2008 alle | Permalink

    Ottimo lavoro! Bravo Labu! Mi sa che lo userò per qualche progettino che ho in mente… ;)

    See you tomorrow!

  7. Pubblicato 18 Marzo 2008 alle | Permalink

    sì, ti faccio un post “commemorativo” giusto per amicizia :D
    a dopo!

  8. Pubblicato 18 Marzo 2008 alle | Permalink
  9. Pubblicato 18 Marzo 2008 alle | Permalink

    conoscere persone come te è il bello di internet. davvero un bel tema, semplice ed elegante, che mi piace molto e che, molto probabilmente, utilizzerò (seppure con qualche modifica). complimenti in genere al tuo lavoro che, sicuramente, provvederò a rilanciare

  10. ADVsha
    Pubblicato 19 Marzo 2008 alle | Permalink

    Segnalo che visualizzo male il font del sito, credo che vada a pescare uno dei font installati sul mio PC, tra quelli che hanno la caratterisitca di avere solo il bordo sul corpo del font.

    Ho windoes XP, e il roblema si presenta sia su Explorer6 che su Firefox ultima versione.
    sha

  11. Laburno
    Pubblicato 20 Marzo 2008 alle | Permalink

    @Edoardo: grazie!

    @ADVsha: accidenti, è strano. I font che usa sono quelli elencati, in ordine font-family: "Helvetica Neue", Helvetica, FreeSans, "Gargi_1.7", Calibri, Arial, sans-serif;

    tu quali hai? Nn è che potresti mandarmi uno screenshot? te ne sarei grato!

    Grazie della segnalazione!

  12. ADVsha
    Pubblicato 20 Marzo 2008 alle | Permalink
  13. Pubblicato 24 Marzo 2008 alle | Permalink

    ciao laburno,
    ho provato ad installare il tuo squared, ma apparentemente non riesco proprio a farlo funzionare: non carica il css. Perdona la mia ignoranza, ma c’è qualcosa che va installato prima di usare il tuo tema? Potresti darmi una mano?

    Se in questo momento vai sul mio sito, probabilmente troverai il mio vecchio tema.

    Grazie mille :)
    fosco

  14. Pubblicato 24 Marzo 2008 alle | Permalink

    ok risolto :)

  15. Laburno
    Pubblicato 25 Marzo 2008 alle | Permalink

    Ciao Fosco… qual’era il problema?

  16. Pubblicato 26 Marzo 2008 alle | Permalink

    Ti ho fatto un po’ di pubblicità anche io:

    http://www.salatti.net/squared-new-wordpress-theme-by-laburno/

Invia un commento

La tua e-mail non sarà mai pubblicata o ceduta ad altri. I campi obbligatori sono contrassegnati con un *

*
*