Restyling: un modo diverso di presentare l’homepage

Era da tempo che volevo rivedere l’impaginazione della Home Page di questo Blog, visti anche i numerosi articoli accumolati in questi anni. Inoltre volevo provare alcuni framework CSS (960, Blueprint) e così ho colto l’occasione per dare una bella ripulita al tema, rivedere il codice PHP e dare una “rinfrescata” grafica al tutto.

Restyling: un modo diverso di presentare l'homepage

Novità

Le novità di questa nuova release del tema risiedono principalmente nella nuova struttura della Home Page, la quale permette di accedere in modo più rapido alle informazioni contenute nel blog. La parte a mio avviso più utile è il blocco centrale con l’elenco degli ultimi post recuparati da sezioni particolari, come WordPress o Tricks & Snippets! Per il resto… fatevi un giro :)

21 commenti a: “Restyling: un modo diverso di presentare l’homepage”

  1. 15 mag, 2009 Napolux:

    Very good!

    RispondiQuota
  2. 15 mag, 2009 Emanuele:

    Ottimo lavoro… io però sono sempre più convinto che una versione chiara di questo blog (positivo/negativo) sarebbe mille volte più accattivante! ;-)
    Ciao,
    Emanuele

    RispondiQuota
  3. 15 mag, 2009 Giovambattista Fazioli:

    @Emanuele: nella prossima release vorrei mettere uno switch di stile, così da visualizzare entrambe le versioni :D

    RispondiQuota
  4. 15 mag, 2009 Julius:

    Molto interessante lo sviluppo dell’homepage ;) complimenti giò ;)

    RispondiQuota
  5. 15 mag, 2009 Francesco Gavello:

    Mi piace! ;)

    RispondiQuota
  6. 15 mag, 2009 Giovambattista Fazioli:

    @Julius: Grazie!

    @Francesco Gavello: sono contento :D

    Se avete suggerimenti per migliorare…

    RispondiQuota
  7. 18 mag, 2009 Napolux:

    Domanda…. Perché blueprint e non ad esempio 960gs?

    RispondiQuota
  8. 18 mag, 2009 Giovambattista Fazioli:

    @Napolux:

    Domanda…. Perché blueprint e non ad esempio 960gs?

    Ottima domanda (come sempre): e posso risponderti in modo esauriente in quanto li ho provati entrambi. A livello base sia Blueprint che 960 funzionano allo stesso identico modo, si basano quindi sullo stesso principio delle “colonne” virtuali con cui organizzare il layout. Tuttavia ci sono 2 ragioni che mi hanno portato a scegliere Blueprint invece di 960:
    1) Blurprint ha un suo generatore di layout, che permette di creare template con qualsiasi numero di colonne e dimesioni, a differenza di 960 che è vincolato a 12 o 16 colonne solamente. Inoltre questo generatore online crea anche un PNG da usare in Adobe Photoshop, ad esempio, come griglia di riferimento-
    2) Bluprint propone di suo una gestione della stampa (print.css) mancante in 960.
    3) Per anzianità, credo, Blueprint offre maggior supporto a livello di forum, articoli, esempi e Plugin.

    Tuttavia, a parte questi dettagli, 960 rimane validissimo e alla fine penso che la scelta tra i due sia puramente soggettiva.

    Vedi qui per dettagli :)

    RispondiQuota
  9. 18 mag, 2009 Napolux:

    Per un po’ ho testato blueprint (versione 0.7) ma poi ho letto uno dei tanti articoli “contro” (questo ad esempio) e un po’ ho lasciato perdere, trovandomi d’accordo in parte con chi sostiene che usare un framework “azzoppa” l’apprendimento e il “mastering” dei CSS. :P

    Certo è che chi scrive questi post IMHO non ha scadenze ravvicinate o deadline “mortali” quando lavora, eh :P

    RispondiQuota
  10. 18 mag, 2009 Giovambattista Fazioli:

    @Napolux: esatto!! :)

    RispondiQuota
  11. 18 mag, 2009 Cristian:

    Che dire… splendido lavoro!
    È praticamente il punto a cui vorrei arrivare io col mio blog, anche se a me i template così complessi tocca comprarli :D
    Davvero, complimenti vivissimi. Mi piacciono molto il menu di navigazione, il featured slider ed il footer.

    RispondiQuota
  12. 19 mag, 2009 Giovambattista Fazioli:

    @Cristian: grazie carissimo… ho in mente di creare qualche tema davvero particolare (a nome saidmade) … può darsi che ne troverai uno di tuo gradimento :)

    RispondiQuota
  13. 26 mag, 2009 Napolux:

    @Giovambattista Fazioli:
    Woopra ogni tanto fa casino…

    Warning: session_start() [function.session-start]: ...
    RispondiQuota
  14. 26 mag, 2009 Giovambattista Fazioli:

    @Napolux: si, lo avevo notato anch’io… adesso gli scrivo! :P

    RispondiQuota
  15. 03 giu, 2009 Sniper Wolf:

    Ottimo restyling! Complimenti ;)

    RispondiQuota
  16. 04 giu, 2009 Undolog.com» Un tema Wordpress per tutti:

    [...] nasce dalle sollecitazioni di Emanuele di proporre una versione “chiara” di undolog.com! Come dargli torto? Tuttavia, se seguissi i suoi [...]

  17. 04 giu, 2009 Giovambattista Fazioli:

    @Sniper Wolf: grazie!!

    RispondiQuota
  18. 07 giu, 2009 Felter Roberto:

    stavo facendo uno schizzo del template che volevo fare per un sito nuovo ma, cavolo, è esattamente questa l’idea che avevo in testa.
    Adesso mi tocca cambiare, perchè non riuscirei mai a fare qualcosa di così bello e non riuscirei mai ad essere contento del mio risultato. :)

    RispondiQuota
  19. 07 giu, 2009 Giovambattista Fazioli:

    @Felter Roberto: ops :D

    RispondiQuota
  20. 26 mag, 2010 postmaster:

    Ma si può scaricare questo tema?

    RispondiQuota
  21. 26 mag, 2010 Giovambattista Fazioli:

    @postmaster:

    Ma si può scaricare questo tema?

    non so più dov’è se devo essere sincero. I temi per Undolog li creo io personalmente partendo da zero. Inoltre sono estremamente personalizzati per questo blog, con rischio di non rendere al 100% su altre configurazioni di WordPress… spiacente… ma grazie per l’apprezzamento :)

    RispondiQuota

Lascia un commento

TAG XHTML PERMESSI: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> INSERIMENTO CODICE: 
<pre></pre> // blocco generico
					<code></code> // blocco generico
					[cc_actionscript][/cc_actionscript] // Actionscript
					[cc_actionscript3][/cc_actionscript3] // Actionscript 3
					[cc_css][/cc_css] // CSS Style Sheet
					[cc_html][/cc_html] // HTML
					[cc_js][/cc_js] // Javascript
					[cc_objc][/cc_objc] // Objective-C
					[cc_php][/cc_objc] // PHP
					[cc_sql][/cc_sql] // SQL


Stop SOPA