Ho cambiato la grafica del sito con quella che vedi (se ci leggi via feed, dai un’occhiata alla home). Si basa su Sandbox ed Essay di Ian Stewart.
Perché cambiare l’impaginazione
Il problema principale erano gli errori nel markup XHTML, che rendono il sito poco accessibile a chi usa strumenti di aiuto alla lettura (come quelli per ciechi, ipovedenti, disabili motori) e a chi usa terminali particolari (telefoni e palmari).
Il vecchio tema grafico basato su LetterHead di Robin Hastings era attivo dal 2005. Il tempo, i miei rimaneggiamenti e l’evoluzione di Wordpress lo hanno reso meno adeguato.
Volevo poi aumentare la leggibilità delle pagine ed allargare lo spazio a disposizione di testi ed immagini, sfruttando la maggiore risoluzione dello schermo disponibile oggi.
Perché questo tema grafico
Da molto tempo volevo usare Sandbox, che permette di creare temi per wordpress interamente basati sui CSS, senza toccare la logica sottostante. Ho trovato molto adatto ai miei scopi Essay di Ian Stewart, che ho usato integralmente salvo alcuni ritocchi minimi. Grazie Ian!
Essay permette di esplorare meglio i contenuti del sito (prova a fare clic sul nome di un autore, o sulla categoria), ha le parole chiave (i tag) di ogni articolo (se sono state definite, vai al colofon di questo post per per esempio), si legge bene con ogni browser. È pulito, ha una risoluzione fissa più ampia che offre maggiore spazio al testo. La navigazione tra le pagine è facilitata rispetto alla grafica precedente. Ed è XHTML valido.
Come puoi contribuire
Se trovi dei problemi e malfunzionamenti segnalameli, magari indicando che browser usi e su quale indirizzo (URL) hai avuto difficoltà. Se c’è qualcosa che non capisci, cercherò di spiegarmi meglio.
Se vuoi migliorare questo sito e ne hai le competenze, ma soprattutto se hai tempo e voglia, potresti dare un’occhiata ai fogli di stile di Essay e proporre dei cambiamenti. Se ti piace usare Gimp o Photoshop, mi piacerebbe ridisegnare la testata rielaborando le piume del logotipo originale di Nazione Indiana. Il risultato dovrebbe essere un file .png delle dimensioni dell’immagine originale di sfondo, per intenderci.
Sviluppi futuri
Per ora mancano tante cose che sto mettendo su poco per volta nella colonna a destra.
In futuro vorrei una impaginazione interamente in italiano, direi. Sandbox può essere internazionalizzato, io ho già realizzato una traduzione che spero Scott Wallick possa includere col supporto multilingua nella prossima versione di Sandbox.
Jan Reister
Per ora non ci sono altri articoli su questo argomento.
37 commenti
Si legge e si naviga molto bene nella nuova grafica. Mi piace quest’innovazione!
Sto trafficando nel retrobottega con i widget, una nuova funzione per gestire la colonna di destra. Ho aggiunto la lista dei commenti recenti e quella dei commentatori più attivi nell’ultimo mese. Questo commento dovrebbe avere un colore diverso, a indicare che è dell’autore del pezzo. Un colore speciale c’è anche per gli utenti registrati (come gli altri indiani). Vediamo se funziona.
ehi jan,
ma è favoloso!!! bello, bello, bello: ottima leggibilità, senso di spazio e ariosa disposizione degli elementi. decisamente meglio la nuova interlinea ed il carattere.
può essere un’idea la colonna di destra in un grigio più chiaro di quello del commento “d’autore”? ma se metti anche i commenti colorati per gli indiani forse è un po’ troppo.
cmq, per quel che mi riguarda, voto più che positivo.
gh.
Jan, nella finestrella iniziale che compare “Se è la tua prima volta qui, perché non ti iscrivi al feed RSS ? Grazie della visita!” cliccando su “feed Rss” si apre http://www.nazioneindiana.com/wp-content/2007/10/menafra_otolab-pac-milano-2.jpg
Navigo con firefox 2.0
(e sono abbonato ai feed da mesi…)
Comunque, ripeto, ottimo tema.
Tonino, questo è un baco insolito. In teoria, è un plugin che mostra il messaggio nel riquadro ai nuovi visitatori (chi non ha cookie di NI). In pratica il link nel riquadro cambia a casaccio. Domani a mente lucida lo guardo meglio e decido se disattivarlo.
Si legge bene, ma per ho bisogno di tempo per abituarmi . Comunque che sorpresa.
Complimenti per il lavoro svolto, Jan. Hai cambiato senza stravolgere l’identità di NI. Però ho molti problemi nella visualizzazione del sito. La colonna delle pagine risulta troppo in alto, quasi di fianco alla testata. La colonna degli articoli recenti sta per sconfinare su quella delle pagine. Tra “archivi” e la relativa casella di scelta del mese c’è troppo spazio e in mezzo sconfina ancora la colonna degli articoli recenti. La colonna delle parole chiave risulta confinata a destra e in parte fuori dallo schermo.
Bella la grafica. Bella l’idea di segnalare i commentatori più attivi. Ma il logo dovrebbe tornare, anche se ristilizzato. Credo di aver capito che tornerà, giusto?
Ah, uso IE, l’ultima versione.
Oh, invece con Firefox va tutto bene!
Jan, se fossi in te lo toglierei il plugin che invita ad iscriversi al feed. Chi utilizza Firefox come me ed ha impostato l’eliminazione automatica dei cookie ogni volta che chiude il browser se lo troverebbe di fronte ad ogni pié sospinto…
Molto apprezzabile comunque il nuovo template; approvo!
‘Azz!!! E chi se lo avrebbe mai creso!!! Sono pure in classifica!
Però, caro Jan, ho bisogno di tempo: lo shock culturale, etico, filosofico, politico, fisico e sessuale di fronte alla nuova veste di NI è stato devastante. Non riesco a dormire!!! E speriamo bene per il resto…
E bello il vestito nuovo di Nazione Indiana ma come sono tornata verso passato, mi sono prima sentita smarrita. Ho cercato linee blu azurro.
Il carattere scelto è più leggibile, chiaro, spazio.
Invece ho vergogna vedere il mio cognome (28) commenti, spesso per dire sciocchezze.
Io preferirei l’impaginazione a pacchetto e non a bandiera, però…
odio le innovazioni di questo tipo, perché mi costringono ad uno sforzo di adeguamento e ogni sforzo di adeguamento a sessantadue anni costa fatica.
ma sopra-tutto mi dà fastidio la larghezza eccessiva dello spazio interlinea dei testi, oltre alla piccolezza dei caratteri.
non so in che modo gli ipo-vedenti si potranno trovare meglio.
ma sicuramente sbaglio, lo so.
un’altra cosa che sarebbe stata gradita, ma che invece non c’è, è la possibilità di usare facilmente corsivo, grassetto, eccetera, anche nei commenti: a tutt’oggi è una possibilità praticabile solo se sei un maestro jedi del web.
immagino che lasciare le cose come stavano non era pensabile, eh?
(mi vengono in mente quelli che conoscono un buon ristorante ma non ci vanno “tanto per cambiare”, col risultato di trovarsi in un posto che sì è nuovo, ma dove magari si mangia di merda, rovinandosi una serata, senza tener conto che il numero di serate a nostra disposizione è un numero finito).
cambiare è sempre sbagliato, bisogna farlo solo se costretti da necessità e/o circostanze, o da palesi vantaggi acquisibili.
La colonna di destra è troppo vicina e larga . Lo spazio per scrivere non è poi molto più ampio di prima. Un separatore non sarebbe male. Magari tratteggiato. Un colore diverso di sfondo. Un carattere più piccolo. Tutto appare un po’ sullo stesso piano.
Del passato terrei il fatto che aprendo gli articoli, read more, non appariva più, appunto, l’ incombente colonna di destra dei vari menù. Questa dava molto respiro ai pezzi, come fossero una vera e propria pagina a parte. Ed anche molto più spazio. Nel caso servisse. Ed a qualcuno serve… ;)
Grazie e ciao.
Tutte osservazioni interessanti quelle che ho letto. Per ora ho eliminato i riquadri sui commenti e commentatori, che sballano con IE7; e l’avviso ai nuovi visitatori. A dopo.
dove sono i links? ed il logo?
Ciao Jan…
mi devo ancora abituare a questi caratteri che sembrano così grandi a prima vista!
ps, pensa che ti ho visto adesso!
ma mi abituerò….
ciao
Chapuce
:-)
Tash, quando scrivi in un commento quello che avrei voluto scrivere io, esempi compresi, sento di amarti…
Sarà perché mi amo? O non sarà, piu(t)tosto (sic!), un effetto, a ricaduta rapida, della nuova veste sulla sfera sessuale?
‘Azz!!! Ma che problemi dell’azz!!!
Ho ridisegnato la testata, che ora riprende le piume del logotipo NI. Ho eliminato Le Parole Maiuscole Nei Titoli Dei Post.
Adesso è tutto ok anche con IE!
mi piaceva di più prima, senza alcun dubbio. la vecchia veste grafica era molto più chiara, il carattere più bello, la pulizia della pagina sovrana: era quello che mi faceva impazzire di NI. e soprattutto, non occorreva scendere di cento metri con lo scroll per leggere un articolo o l’elenco dei suddetti.
non si può trovare una via di mezzo fra il vecchio corso e i nuovi approcci (giustificatissimi) per aiutare chi ha problemi di vista? forse riducendo almeno un filo i titoli?… non so, davvero, di soluzioni grafiche me ne intendo poco. parlo da mero user.
giorgio
Ciao Giorgio, vediamo se ho capito:
- preferisci un carattere senza grazie;
- i titoli dei pezzi occupano molto spazio in verticale (ok, io direi che l’interlinea maggiore aumenta la lunghezza delle pagine e quindi lo scroll);
- i caratteri sono piccoli (il precedente Verdana era uguale in px, ma i due hanno leggibilità differenti).
Per curiosità, quante persone con problemi di vista (me incluso) ci sono?
Quanti usano ingrandire i caratteri con “Ctrl +” ?
Quanti escludono il foglio di stile?
continuo a non capire il perché di uno spazio inter-linea così ampio.
ciao jan,
io personalmente non uso mai ctrl+ per ingrandire i caratteri, nè il foglio di stile. forse il problema essenziale è davvero l’interlinea. e forse anche lo spazio fra articolo e barra dei menu a destra. nel complesso, mi sembra che il tutto sia più confuso, mentre prima era più chiaro. tutto qua.
giorgio
dal profondo pozzo della mia incapacità domando: dov’è finito com.ments?
no, perchè ci avevo messo 3 mesi a (credere di) capire come funzionava…
e i caratteri: piccoli anche per me, si.
ah, e il menu a tendina in alto copre il link all’articolo precedente.
g.
Giorgio: la tendina del menu pagine orizzontale la tiri giù solo quando serve, mi pare.
alanina: hai fatto bene a ricordarmi di com.ments.
jan: ovvio, ma va contro i principi di architettonica del web (cercare di oscurare il meno possibile le cose l’una con l’altra). cercavo solo di dare suggerimenti.
a
me
pia-
ce.
siete
perfetti,
come
sempre
insisto, probabilmente invano, nel domandare il perché di un inter-linea così largo.
Usabilità, la parolina magica della postmodernità.
Ho portato il corpo da 14px a 16px, interlinea invariata a 28px: mi sembra che venga incontro ai problemi segnalati. Facendo delle prove se riduco l’interlinea il testo diventa fitto e impenetrabile, forse è una mia impressione.
grafica da rivedere. dall’ospedale psichiatrico svizzero “am toten” alla filiale belga della catena di coiffeur pour dames “brigitte lahaie”.
saluti,
rs
Passano i giorni e questa nuova veste grafica diventa sempre più convincente. Mi chiedo quando si interverrà con la stessa perizia sui contenuti. Ma sono domande che puzzano di vecchio, mentre il nuovo avanza.
a me non piace proprio, e mi dispiace !
adieu
ottima la leggibilità adesso, almeno per me.
non trovo ancora i co.ments, è un problema mio?
De nada, Jan—I think. I’m sadly mono-lingual.
3 trackback
[...] Non si ferma il vento di rinnovamento in giro per il web letterario, dopo i nostri maldestri tentativi grafici, il bellissimo nuovo sito di BombaCarta, ci tocca – e lo facciamo con immenso piacere – segnalare la nuova veste grafica di Nazione Indiana. [...]
[...] veste grafica del sito Nazione Indiana e prevedibili bachi, discussioni e resistenza al [...]
[...] scorsa ho rinnovato la grafica di questo sito. Oggi ripristino l’aspetto precedente di Nazione Indiana. Cosa è [...]