Giovy’s Blog Layout 3.0

data 29 January 2007 | categoria Blog e bloggers,Personale |

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… :P

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") :D
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… :P

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… :P
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!

commenti | |

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

55 Commenti »

Puoi lasciare una risposta, oppure fare un trackback dal tuo sito.


data 29 January 2007 ora 08:08
PseudoTecnico

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 ;-)


data 29 January 2007 ora 08:09
PseudoTecnico

* Piccola correzione :-(
extra header = extra div


data 29 January 2007 ora 08:29
Giovy

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


data 29 January 2007 ora 08:35
gpessia

è molto simpatico ;)


data 29 January 2007 ora 08:48
basetta

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


data 29 January 2007 ora 08:51
Napolux

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

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


data 29 January 2007 ora 08:52
Storiedime

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


data 29 January 2007 ora 08:56
catepol

è carino bsogna abituarcisi ma è carino


data 29 January 2007 ora 09:01
gpessia

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)


data 29 January 2007 ora 09:03
fullo

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…)


data 29 January 2007 ora 09:16
Davide Salerno

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


data 29 January 2007 ora 09:24
Juspolo

Non lo so… devo abituarmici… comunque bel lavoro e gratz :D


data 29 January 2007 ora 09:32
Genky

Bello mi piace
:-)


data 29 January 2007 ora 09:33
PseudoTecnico

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

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

Vedi immagine.


data 29 January 2007 ora 09:44
Mia

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 :-)


data 29 January 2007 ora 09:53
Bistecca

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…


data 29 January 2007 ora 09:59
davide

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


data 29 January 2007 ora 10:22
theo

Bellino davvero!


data 29 January 2007 ora 10:29
Giovy

@ gpessia e basetta: grazie… :)

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

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

@ catepol: beh, spero sia facile abituarcisi… :D

@ 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"… :D

@ Davide Salerno: seee, top blogger… :P

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

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

@ 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… :P

@ jtheo: ;)


data 29 January 2007 ora 10:51
pluto

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? :-)


data 29 January 2007 ora 10:58
P|xeL

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


data 29 January 2007 ora 11:37
GPessia

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 …


data 29 January 2007 ora 11:56
gattostanco

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! :D


data 29 January 2007 ora 12:42
maria

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


data 29 January 2007 ora 12:54
Mia

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 ;-)


data 29 January 2007 ora 13:30
oRi0n

Carino e molto “fresh” Prova a sistemare gli errori di validazione html ;)


data 29 January 2007 ora 15:29
Matteo Scotuzzi

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


data 29 January 2007 ora 15:34
Dario

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.


data 29 January 2007 ora 15:35
Andrea Micheloni

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.


data 29 January 2007 ora 15:43
Gioxx

Davvero bello, anche nella parte dedicata ai commenti! Mi piace :-) Ci si discosta dal mondo del pre-confezionato ;-)


data 29 January 2007 ora 16:04
Barbara

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


data 29 January 2007 ora 16:10
Giovy

@ 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… :P
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… :P


data 29 January 2007 ora 17:12
Jer

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.


data 29 January 2007 ora 17:35
senzastile

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.


data 29 January 2007 ora 20:04
cadex1

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


data 29 January 2007 ora 20:20
Stefano Epifani

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


data 29 January 2007 ora 20:36
Giovy

@ 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… :P

@ cadex1: LOL! Provaci… :D

@ 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…


data 29 January 2007 ora 23:10
Stefano Epifani

Carissimo, con IE6 la barra di stato riporta la dicitura “operazione completata” :-(


data 30 January 2007 ora 00:13
pendodeliri

è 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


data 30 January 2007 ora 01:33
Peppe

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!


data 30 January 2007 ora 02:20
stefigno

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 è ….


data 30 January 2007 ora 02:40
Peppe

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”)


data 30 January 2007 ora 07:43
Giovy

@ 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… :)


data 30 January 2007 ora 08:57
Peppe

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.


data 30 January 2007 ora 09:48
Cristian

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 :)


data 30 January 2007 ora 10:52
Giovy

@ 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… :D
Allineato anche il contenuto delle sidebar a sinistra (molto meglio così). ;)

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


data 30 January 2007 ora 11:03
emptyspiral

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

Ciao!


data 30 January 2007 ora 12:48
Ermete

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


[...] 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. [...]


data 30 January 2007 ora 17:34
ilSilente

Da addetto ai lavori mi piace molto :)


data 30 January 2007 ora 22:58
Zizio

Mi sembra molto carino e chiaro … :D
Prima o poi dovrò rinnovarlo anch’io il tema … :D


data 31 January 2007 ora 11:01
Juspolo

@Giovy: ;)


data 1 February 2007 ora 10:49
Bistecca

Adesso il riquadro sembra a posto, ma dimmi, per che risoluzione minima è pensato ora il tuo blog?

Te lo chiedo perché il problema io l’ho verificato sul pc in ufficio che effettivamente è solo a 1280×1024. Non ho fatto in tempo a provare a casa dove ho 1920×1440 (potrei impostarlo a 2048×1536, ma a quella risoluzione il monitor flickera un po’ e dà fastidio, e comunque più di quello non potrei andare senza cambiare scheda video e monitor…).

:o


data 1 February 2007 ora 11:39
RNiK

Bello sia il redesign del sito e belli i commenti. ;)

Comunque ha ragione Davide Salerno: sei ufficialmente un top-blogger! Basta guardare il numero dei commenti che nelle ultime settimane è cresciuto in maniera esponenziale.


[...] tra l’altro a da poco realizzato il nuovo layout del blog di Govy, i risultati potete vederli voi [...]


Lascia un commento