“Io ce l’ho orizzontale…”
Per introdurre l’argomento di questo brevissimo post mi auto-citerò tre volte:
[…]Ma mi chiedo ancora: perchè ancora cosi pochi hanno utilizzato o utilizzano i template orizzontali[…] (23 gennaio)
[…]Senza perdermi d’animo ne ho approfittato per: 1)cominciare un nuovo progetto basato su una piccola fissazione di cui vi accennai tempo fa;[…](21 marzo)
[…]Vedremo di esplorare più in dettaglio il piccolo mondo dei layout orizzontali in qualche post futuro, […](31 marzo)
No, Python e IPv6 non c’entrano. Neanche l’effetto Digg applicato al rapporto di coppia. L’eterna rivalità “bloggers contro fisioterapisti”? Un pò fuori strada.
Con un ritardo di alcuni mesi sulla tabella di marcia (quando ho cominciato a farci un pensierino c’era sicuramente ancora in carica Ciampi) (come presidente del consiglio, dico), è giunta l’ora di chiedere il vostro parere su:
Il sito si spiega da se, per cui non mi perderò in chiacchiere: ho raccolto finora una trentina di siti orizzontali - html (con tabelle innestate e CSS) e flash - e ho creato un blog dedicando ad ogni sito linkato un paio di innocue osservazioni su layout, script aggiuntivi e altre particolarità di interesse per la costruzione di un sito orizzontale ‘ideale’.
Ho messo inoltre a disposizione un template completo di script da scaricare (una versione aggiornata dell’esempio incluso nel Horizontal Tiny Scrolling) ed ovviamente un feed da conservare con cura.
Consideratela come al solito una versione “pre-alpha-sgarrupata” anche perchè:
1)Non ho fatto test con altri browser oltre IE 6, Firefox 1.5 ed Opera (per cui ad esempio i 2+ Safaristi all’ascolto sarebbe pregati di fare un cenno in caso di malfunzionamenti)
2)I commenti che scorrono in verticale all’interno di un div con un overflow: auto che fa comparire la barra verticale (beh, ora non si vede perchè non ci sono commenti) sono una soluzione temporanea; in realtà avevo in mente di disporre i commenti in più colonne utilizzando le apposite proprietà CSS3 usufruendo del supporto nativo in Firefox 1.5 e questo script per gli altri browser - ma ci sono dei grossi problemi nella gestione di una larghezza orizzontale che sicuramente varierà da post a post.
3)Rattoppi vari imperversano nei vari CSS e JS.
4)Qualcuno mi ha detto (ma la fonte non è molto certa) che ha spedito il link a 4 amici raccomandandogli di farlo pervenire in busta chiusa ad altri 5 amici. Uno di questi, Nadario Adrupal di Bogotà, si è dimenticato di farlo ed il giorno dopo è stato colpito da un fulmine mentre… ah no, scusate. Mi stavo confondendo con il lavoro
Update 17/07: quasi tutti i problemi sono stati risolti. (l’ultima volta che ho detto questa frase la ventola del pc è sbalzata fuori volando fino in cucina)
Per la fase di testing ringrazio Antonio, Hyle, Skid X, andreaxmas e Valeria, che credo più volte siano stati sfiorati da un: “Ehi, ma i siti orizzontali sono accessibili ed usabili?”, il dubbio principe.
Ne parleremo in uno dei prossimi post, intanto qualcuno si è posto la stessa domanda sulla lista accesoweb.
eccolo beccato il safarista :) che ti dice che le frecce centrali hanno un comportamento un po’ strano. Lo scroll è scattoso, e non sempre quando si esce dal loro focus l’animazione si ferma, creando un effetto spiacevole per l’utente (credo) :)
grazie mille!
Credo che il problema degli scatti derivi dalla pesantezza delle immagini (quelle dei post sono .png), una volta che sono state memorizzate in cache lo scroll dovrebbe sembrare più fluido; riguardo al ‘onmouseover’ delle frecce non so, dovresti (sempre che ne abbia voglia :) aggiungere un bordo al div che le contiene e guardare se effettivamente l’evento corrisponde all’uscita del mouse dall’area.
Eccezionale, Marco. Sei un grande.
Questo è il tipo di design che serve al web italiano.
grazie!:)
Ma bello!
Ma tanto bello!
Io ho cambiato dominio ma il sito è sempre lo stesso.
Salut
Volevo aggiungere…
Secondo me un punto molto a sfavore dei siti orizzontali è che non sempre la rotellina del mouse funziona; non nel tuo, ovvio, ma ad esempio Eolo Perfido già non va.
Nella mia ignoranza, in particolare di siti orizzontali, non so quale funzioncina bisogna usare, però credo che se dovessi farne uno mi informerei.
Ciao!
Ciao Carla! Ho trascritto le due funzioni che ho usato in questo post di qualche tempo fa. (sono comunque incluse nel template scaricabile dal sito) :)
complimenti! è da un po’ che volevo fare un sito orizzontale e ‘the orizontal way’ mi ha ridato coraggio :-)
proprio bello!
ciao
Da tempo sto pensando ad utilizzare un layout orizzontale per un piccolo progetto.
L’unica cosa che vorrei fare è riuscire ad integrare questo tipo di layout con wordpress per poter inserire con velocità nuovi testi.
Ho visto che in un precedente post (gennaio mi pare) avevi segnalato un tentativo di template orizzontale per Wordpress ma il link non funziona ().
Conosci qualcun’altro che sta lavorando su un’impresa di questo tipo?
p.s. grazie ancora per il template
ciao cristian.
“The Horizontal Way” è proprio basato su Wordpress, ma ci sto ancora lavorando su per cui per ora non mi sembra il caso di rendere il tema scaricabile.
Il primo blog (sempre su Wordpress) che segnalerò sarà comunque questo:
http://www.estudio36.com/popblog/
Il tema di cui parli nel commento lo trovi invece qui:
http://www.thex.com/downloads/horizontal.zipuhm, non funziona neanche questo…L’ho trovato: http://themes.wordpress.net/columns/1-column/18/horizontal/
C’è anche questo:
http://themes.wordpress.net/columns/3-columns/51/horizona-10/
Mah…non mi convincono entrambi.
ciao marco…finalmente un sostenitore dell’horizontal way!!!!…anche io ai primi di maggio ho terminato il mio primo esperiemnto, applicandolo in maniera definitiva al mio sito personale, di sito in orizzontale.
A dire la verità adesso che è passato un po’ di tempo mi entusiasma di meno questa tecnica…pero’ la trovo comunque sempre molto originale!!!!
bravo!…bravi!
Anche a me i due temi orizzontali per wordpress che hai segnalato non piacciono; quello di estudio36.com invece sembra ben fatto, soprattutto per il fatto che è navigabile con la rotella del mouse, secondo me il particolare fondamentale.
Sto continuando a pensare ad un design orizzontale ma il tempo è sempre poco (basta guardare con quale ritardo ritorno qua..) e ancora stiamo discutendo sull’opportunità: a me sembra che per visualizzare testi e immagini (soprattutto immagini) sia ideale e molto potente.
Realizzare un template per wordpress sarebbe ideale per poter poi rendere aggiornabile il sito con più facilità.
Sempre in ascolto..
ciao
Ciao,
vorrei sapere se sono state risolte le problematiche relative alla compatibilità con Safari..
Grazie
V.
Ciao usando il tuo script v0.8 mi viene fuori errore nella riga 147 sia su firefox 3.5 che su explorer 6
Lo script funziona ma da questi errori che sono abbastanza fastidiosi.
Su firefox :
Errore: obj is null
File sorgente: http://…/js/thw.js
Riga: 147
Su ie
IE7:
linea 148
carattere 2
errore Necessario oggetto
codice 0
Si può fare qualcosa?
Grazie
PS complimentii per lo script cercavo da tempo una cosa simile.