Jan 292007
 

Beh, ormai ve ne sarete accorti…
Dopo alcuni mesi dall’adozione del layout che avete visto fino a qualche ora fa, ho dato l’ennesima "rinfrescata" (beh, in questo caso direi proprio che è stata fatta una vera e propria ristrutturazione!) alle pareti di casa… 😛

Il nuovo layout del Giovy’s Blog è una "realizzazione esclusiva" (non è un layout preconfezionato e non lo vedrete su altri blog) ad opera del bravissimo web designer Davide Del Monte, che ho avuto modo di contattare alcune settimane fa, chiedendogli se gli andava di dedicarsi al restyling del mio blog.
E’ stato immediatamente disponibile e, nonostante gli impegni universitari, si è gettato anima e corpo nella realizzazione del layout, cercando di accontentare i miei desideri… 🙂
Quello che vedete, infatti, è stato creato basandosi sulle mie richieste e sulle mie specifiche (a volte eccessivamente "pignole") 😀
Inoltre, ha creato anche un nuovo "logo", facendomi mandare in pensione la "manina nera" che mi ha accompagnato per tutti questi anni; il "gb" che vedete sotto l’immagine dell’header sta sia per le inziali del blog che per quelle del mio nome e cognome… 😛

Il layout è di tipo "liquido" e si adatta alla risoluzione utilizzata da chi visita il blog, ridimensionando lo spazio riservato ai post (la larghezza delle colonne resta fissa, ovviamente). Ho chiesto a Davide un tocco di "Web 2.0", e penso ci sia riuscito in pieno… 😛
Oltre Davide (che ha fatto un lavoro eccezionale), devo ringraziare anche Andrea, Stefano e Giovanni per i consigli che "ci" hanno dato durante il BarCamp, dove hanno avuto modo di vedere il layout in anteprima (e consigliare modifiche e migliorie, come ho già detto). 😉

Alcune cose devono ancora essere perfezionate (il buon Davide avrà di che penare ancora per qualche tempo), così come se avete suggerimenti da dare, fatelo senza problemi, anzi… mi farebbe molto piacere sapere cosa ne pensate!

  55 Responses to “Giovy’s Blog Layout 3.0”

  1. Prima osservazione: quando visualizzi un solo post (come sto facendo in questo momento), più della metà della pagina è occupato dalle due sidebar di destra. Ti consiglierei di adottare una soluzione simile alla mia: una sidebar differenziata (più corta) per la visualizzazione del singolo articolo.

    Seconda osservazione: l’immagine dell’header. La scelta di salvare l’header in un pezzo unico in jpeg comporta un pessimo effetto sul logo in basso a destra.
    Consiglio: creati un’extra header, salva il logo in png (o gif trasparente) in modo da non perdere definizione.

    In ogni caso lo preferisco al precedente 😉

  2. * Piccola correzione 🙁
    extra header = extra div

  3. @ PseudoTecnico: è vero, le sidebar nella visualizzazione a post singolo sono troppo lunghe, valuterò la cosa… 😛
    Immagine nell’header: sinceramente non vedo il pessimo effetto sul logo a cui fai riferimento…

  4. è molto simpatico 😉

  5. mi piace …….molto piu’ lineare ………bel lavoro :)))))

  6. A me piace tutto, tranne lo sfondo dei link al passaggio del mouse.

    E poi MyAvatars è davvero figo, anche se sono di parte 😛

  7. Bello ! Forse avrei scelto solo due colonne, e non tre, rinunciando a quella all’estrema destra, ed il badge di flickr in movimento personalmente mi distrae un po’ (preferisco quello “fermo”), ma è bello proprio ! IMHO

  8. è carino bsogna abituarcisi ma è carino

  9. adesso che ci penso, visto che mi ci sono ritrovato proprio ieri, ti consiglio di visitare anche questo, che credo tu già conosca, strutturalmente sono simili, non si sa mai riesci a trovare qualche cosa di utile 😉

    Si MyAvatars è davvero figo, meglio così che con Gravatar, visto che sono due mesi che è fermo, almeno se voglio posso aggiornare l’iconcina. (Gravatar riprenderà l’attività a febbraio)

  10. imho, sidebar a parte, ha l’area di testo che si estende troppo. Su un 1400×1050 questo articolo è su 12 righe… e non è il massimo della leggibilità (mi si incrociano gli occhi a seguire il testo per tutta la lunghezza dello schermo…)

  11. Vedi le agevolazioni di essere un top bogger…
    Comunque tema stupendo, adesso mi hai fatto venire voglia di ristrutturare anche il mio

  12. Non lo so… devo abituarmici… comunque bel lavoro e gratz 😀

  13. Bello mi piace
    🙂

  14. sinceramente non vedo il pessimo effetto sul logo a cui fai riferimento…

    Mi riferisco alla sgranatura da jpeg sul nome “giovy”.

    Vedi immagine.

  15. I link grigio chiaro si vedono poco… I commenti sono simpaticissimi! L’immagine nel piccolo riquadro non mi convince molto,:-) e poi, noto adesso: se un commento è lungo, il testo finisce sotto la sidebar “Blog che osservo”: da ritoccare assolutamente 🙂

  16. Mi piace: mi sembra più pulito del precedente, anche se ti leggo quasi sempre da Bloglines e quindi in generale da quel punto di vista non cambia molto…

    Er… un po’ particolare questo riquadro in cui scrivere il commento… che finisce sotto la barra di destra… 🙂
    (Guarda qui se il problema non è chiaro: giovynuovo1.jpg)

    Il verdolino è un po’ un pugno in un occhio, io per spezzare avrei usato una tonalità diversa di azzurro…

  17. Non ce l’ho fatta a non passare un secondo, ero teso per le critiche incombenti 🙂
    Visto che un po’ mi sento tirato in causa..
    @Mia: mi faresti un esempio? non capisco come faccia a finire sotto la sidebar..
    @pseudotecnico: non è un problema della jpg, il salvataggio è stato fatto con qualità 100%. Il logo ha la scritta “giovy” con un carattere particolare che rende in quel modo se rimpicciolito.. cmq è giusto ritoccarlo.

    per il resto, a me piace da matti! :-p

  18. Bellino davvero!

  19. @ gpessia e basetta: grazie… 🙂

    @ Napolux: ehehehe…. molto bello MyAvatars, grazie di averlo creato! 🙂
    Per i link: maddai… sono così carini! 😛

    @ storiedime: ho sempre avuto layout a tre colonne, averne solo due per me sarebbe impossibile… 😛
    Per il Flickr Badge: mmmm… ci devo pensare… 🙂

    @ catepol: beh, spero sia facile abituarcisi… 😀

    @ fullo: purtroppo quello è un problema comune a tutti i layout liquidi.
    Pensa a quelli che usano ancora i 1024×768 (e sono la maggioranza, attualmente). Io sono a 1280×1024 ed è accettabile… una risoluzione di 1440×1050 è "inumana"… 😀

    @ Davide Salerno: seee, top blogger… 😛

    @ Juspolo e Genky: è vero… gran bel lavoro! 😉

    @ PseudoTecnico: mmm… non so se è possibile migliorarla, ma se è possibile stai sicuro che Davide ci riesce… 😀

    @ Mia: i link sono grigio chiaro (con il segno di spunta) se sono stati già visitati, altrimenti sono blu e molto visibili.
    Per il problema del testo dei commenti, è lo stesso segnalato da Bistecca e si verifica con Internet Explorer a basse risoluzioni; Davide ci sta lavorando. 🙂

    @ Bistecca: si, come ho scritto a Mia è un problema di IE a basse risoluzioni, Davide sta lavorando per risolverlo… 🙂

    @ Davide: tu sei pazzo (e troppo gentile e professionale), invece di andare all’università resti a casa a sistemare tutto… 😛

    @ jtheo: 😉

  20. la foto dell header non ‘e tra le piu belle(troppo scura) po le due colonne a destra tolgono troppo spazio agli articoli. potresti mettere il lungo blogroll in una pagina nuova. mi dai un commento anke al mio template? 🙂

  21. Carino il tema… molto più pulito di quello precedente (la grafica faceva tanta confusione…).
    Unico appunto: ci sono una marea di errori, lo vedremo mai XHTML valid?! 😉
    Ciao,
    P|xeL

  22. per il layout liquido ti consiglio di provare “max-width” (css) e i vari hack necessari, non altro che allargarti la pagine fino ad un determinato valore, do solito si fa così… 😉 – effettivamente l’estensione delle righe è pesante, poi tu sei solito fare lunghi articoli, e gli occhi a tenere il passo della riga è difficoltoso …

  23. Non è che mi ricordi com’era l’ultima volta che sono passato di persona, comunque a me piace. Lo trovo un ambiente pulito e professionale senza esasperazioni inopportune.
    L’unico particolare a una visione di superficie e che non mi solletica è l’header un filino troppo spesso per i miei gusti, ma si tratta di ben poca cosa, perché contrappone molto spazio vuoto al fitto (relativamente) del “sotto”.
    Ora non è che avete anche tempo per sostituire quella manona nera dai feed, eh? Grazie! 😀

  24. beh, a me piace un sacco!! è “gentile”, molto piu carino dell’altro..
    🙂

  25. Pare che il tuo nuovo template sia piaciuto a parecchi… Concordo con gattostanco sullo spessore dell’header, ma penso di avertelo già detto di persona.
    I commenti ora sono a posto, sto provando a scriverne uno lungo e ti posso assicurare che non ci sono “sparizioni” del testo! Bye 😉

  26. Carino e molto “fresh” Prova a sistemare gli errori di validazione html 😉

  27. davvero bello, complimenti. Concordo soprattutto con chi dice che è migliorata la pulizia generale del tema.

  28. Il tema è più pulito e fresco: non mi piace però l’header,l’hover sui link,ed in generale non amo molto i 3 colonne,creano troppa confusione. Vorrei fare anche io un restyle del mio sito (magari mi sente qualche grafico superlativo),però tenderei a semplificare ancora più il blog.

  29. Quando si clicca sugli input di iscrizione e ricerca, questi dovrebbero selezionarsi o azzerarsi, altrimenti bisogna ogni volta cancellarne il testo…
    comunque molto bello, complimenti.

  30. Davvero bello, anche nella parte dedicata ai commenti! Mi piace 🙂 Ci si discosta dal mondo del pre-confezionato 😉

  31. La parte centrale mi piace semplice e leggibile, bellissimo il layout dei commenti la cosa che mi convince meno è l’header

  32. @ pluto: la foto dell’header sarà soggetta a frequenti cambiamenti… 🙂

    @ P|xel: il tema in se è facile validarlo, ma NON sarà mai valido il blog per via del contenuto dei vari widgets (Google Ads, Flickr Badge e così via) 🙁

    @ GPessia: grazie del consiglio, valuterò la cosa… 🙂

    @ gattostanco: LOL! Mi ero scodato della manina nel feed, l’ho sostituita appena letto il tuo commento, grazie della segnalazione! 🙂

    @ maria: 🙂

    @ Mia: alla fine dei conti, NON è molto più spesso del precedente, sai?
    Si, i commenti sono a posto, Davide ha fatto un ottimo lavoro in seguito a tutte le segnalazioni ricevute… 🙂

    @ oRi0n: vedi commento a P|xel… :/

    @ Matteo: grazie dei complimenti, anche a nome di Davide (è lui che se li merita tutti!) 😉
    Si, anch’io trovo sia molto più pulito… 🙂

    @ Dario: l’header potrebbe anche subire dei cambiamenti in futuro, l’hover mi fa impazzire invece… 😛
    Per le tre colonne… beh, usarne solo due per me è veramente difficile..

    @ Andrea: grazie della segnalazione, l’avevo notato anch’io.
    Il prode Davide ha corretto immediatamente, ora “funziona” come dovrebbe (e come hai segnalato tu) 🙂

    @ Gioxx: thanks! 🙂

    @ Barbara: mmm… in troppi non siete convinti dell’header… mi state facendo venire il dubbio che si possa rivederla quanto prima… 😛

  33. Molto carino questo nuovo template. Meglio del precedente.

    Sulla questione colore grigio del link visitati pero’ concordo con Mia…. anche se e’ gia’ stato visitato si vede poco.
    Per il resto… e’ stato fatto davvero un gran bel lavoro, complimenti.

  34. Come ci siamo già detti al barcamp, mi piace. La parte dei contenuti è perfetta, guardando bene l’header e il titolo del blog, non mi fanno impazzire.
    – Avrei dato più spazio all’immagine ingrandendola un pò, e non avrei usato le ombre.
    – Diminuirei lo spazio bianco sopra il titolo del blog.
    – I campi di immissione testi (sempre nell’header) li farei di un colore diverso.

  35. Ma e’ splendido giovy…. mmm quasi quasi te lo copio…:-D

  36. Molto carino il template nuovo! Con calma qualche valutazione a freddo. Per il momento, lo script che usi per i link rende invisibile l’URL nella barra in basso di explorer. Lo fa anche con firefox. Dire che è scomodo è dir poco! un saluto!
    stefano

  37. @ Jer: scurito di parecchio il colore dei link visitati, ora dovrebbe andare meglio. 🙂

    @ senzastile: hai ragione, ho diminuito lo spazio bianco sopra il titolo, ora è molto meglio.
    Per il colore dei form… beh, quel verde si armonizza con il resto, e l’immagine… boh, forse verrà cambiata, forse ingrandita… 😛

    @ cadex1: LOL! Provaci… 😀

    @ Stefano: grazie! Ma… ho provato a controllare i link come mi segnali, ma non vedo nessun problema, nè con IE7 nè con FF 2.0, dato che riesco a visualizzare senza problemi tutte le url nella barra di stato in basso…

  38. Carissimo, con IE6 la barra di stato riporta la dicitura “operazione completata” 🙁

  39. è grave se dico che mi piace? 🙂
    ma soprattutto, è grave se ti rivelo ce non ho ancora installato twitteroo? ma DEVO farlo, lo so, la combriccola è troppo frizzante 🙂 a

  40. Molto carino, però qualche consiglio cel’avrei: metti un max-width, disponi i testi nelle sidebar non centrati (almeno quella categorie, che in questo modo c’ho messo un po a leggerle), e invece centra il contenuto della colonna badges, e se vogliamo essere cattivi cambia la foto del logo.
    Ciao!

  41. E’ bello , perchè è bello,,,il layout dei commenti è davvero molto gradevole, non mi convince l’header , ma sono l’ultimo a commentare e non ti sto raccontando nulla di nuovo…diplodi ha sicuramente fatto un bel lavoro,,,,è la soluzione più gradevole sicuramente (parlo di accostamento dei colori,,,) , correggi qualche piccola cosa e ci sei,,,tac , nuovo layout nuovo blog…ma sempre Giovy è ….

  42. Si bello è bello, ma penso che le critiche costruttive siano sempre ben gradite a noi webdesigners 😉 : metterei anche il notify me comments di default su on (checked=”checked”)

  43. @ Stefano: boh, non saprei che dirti… sei l’unico che sta riferendo questo problema…

    @ pendodeliri: no, non è grave! 😉
    E per twitteroo… beh, hai tempo per installarlo, devono ancora fixare il problema delle lettere accentate… 🙂

    @ Peppe: si, da mettere il max-width e stavo pensando la stessa cosa per i testi delle sidebar (anche se pensavo di metterli tutti allineati a sinistra). La colonna “Badges” invece molto probabilmente sparirà e la foto… beh, di quella devo ancora decidere il destino… :
    E si, le critiche costruttive non solo sono gradite ma FONDAMENTALI; non immagini quanto lo sono state per sistemare tante piccole cose nella giornata di ieri… 😉
    La notifica dei commenti, invece, sono sicuro di lasciarla su OFF, perchè voglio che sia il lettore a decidere se seguire i commenti, non voglio imporre a loro la mia scelta… io gli ho dato una possibilità, se vogliono sfruttarla è una loro libera scelta… 🙂

    @ stefigno: si, c’è ancora qualcosina da sistemare, ma direi che ci siamo quasi… 🙂

  44. Invece penso che per quanto riguarda il notify ai commenti è normale che quando posto mi interessi la risposta degli altri: la seconda volta che ho postato quasi mi dimenticavo di cliccarci, e comunque possono sempre levarlo.

  45. Splendido tema davvero!
    Io sto cercando da mesi un tema 3 colonne come questo. Quasi quasi contatto il tipo pure io e gli chiedo di farmene uno (pagando, si intende). Ovviamente diverso dal tuo 🙂

  46. @ Peppe: impostato il max-width per la larghezza dei post, chi usa risoluzioni “pazzesche” (sopra i 1280 di larghezza) non dovrà più impazzire per leggere i post… 😀
    Allineato anche il contenuto delle sidebar a sinistra (molto meglio così). 😉

    @ Cristian: contattalo senza problemi, è una persona gentilissima e molto disponibile… 😉

  47. Ormai leggo solo i feed, ma sono venuta apposta per questo fantasmagorico look… posso solo dire oooooh, sono rimasta a bocca aperta…

    Ciao!

  48. Ottimo lavoro! Semplice e pulito con la sezione commenti che mi piace particolarmente. Complimenti!

  49. […] Negli ultimi giorni ho dedicato i mei sforzi alla creazione di un template per il blog di Giovy. Molti di voi avranno già avuto modo di vederlo, e molti hanno lasciato commenti al post di presentazione che Giovy ha scritto. […]

  50. Da addetto ai lavori mi piace molto 🙂

Leave a Reply to basetta Cancel reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)

This site uses Akismet to reduce spam. Learn how your comment data is processed.