Esperimento di embedding* di una mia presentazione del (e sul) nuovo Google Presentations in una pagina di Wordpress:
Per vedere solo le diapositive e sfruttare meglio lo spazio ridotto basta fare click sul triangolino sulla riga di separazione tra contenuto e chat con gli altri che stanno vedendo le slide.
La spiegazione sul come fare viene da InsideGoogle. In realtà più che di una spiegazione si tratta di una semplice conferma che basta usare il tag HTML iframe.
Il codice che ho usato io è il seguente:
<iframe src=”http://docs.google.com/Present?docid=d4nkcfw_116d26qbp” width=”450″ height=”300″></iframe>
* Nota sull’uso per visualizzare la presentazione valgono gli stessi criteri di compatibilità di Google Docs. Ergo: Mozilla Firefox dalla 2 in poi per Windows, Linux e Mac OK, Safari 2 per Mac NO, Webkit per Mac recente (r25238 o superiore) OK.
Sono gradite segnalazione per Internet Explorer e Safari 3 beta per Windows e Mac.
Wordpress è una piattaforma indubbiamente potente e versatile: si perde però in alcuni dettagli non secondari. Tra questi ci sono molti dei “dialoghi” nelle fasi informative ed amministrative che non aiutano il visitatore né tantomeno il curatore sel sito web.
Ho già affrontato il messaggio di errore che Wordpress propone in caso di indisponibilità del database e quindi dei contenuti, cercando al contempo di suggerire come migliorare la situazione.
Sulla stessa vena o forse addirittura peggio in quanto a mancata comunicazione ecco la schermata per rimuovere un commento (o meno) dopo segnalazione via email.
Tolto l’url in alto nel browser non si ha alcun indizio sull’operazione che stiamo effettuando: quale sia il commento, di chi, quale il contenuto. Abbiamo solo due scelte, e la richiesta di un atto di fede nei confronti di Wordpress.
Dopo Storie di Apple ho localizzato e personalizzato la pagina d’errore standard di Wordpress di nezmar.com
L’operazione è stata molto simile, disastri con la sintassi a parte, anche se in questo caso ho aggiunto due dettagli, uno futile ed uno utile.
Il primo è un logo alternativo che cita un noto sito di fotohosting e l’altro è il rimando ad una copia degli ultimi testi ripubblicati su LiveJournal.
Ora non resta che sistemare anche MusicBlob…
Oggi dei problemi tecnici all’hosting di Storie di Apple hanno reso il sito non navigabile per alcune ore.
Questo mi ha costr^^^ dato l’occasione per fare un lavoro che rimandavo da mesi.
Il problema era legato al database del sistema di gestione contenuti, nello specifico Wordpress. Quando Wordpress ha problemi con il database mostra una pagina d’errore.
Una pagina d’errore generica (è uguale per tutti i siti basati su questo cms), poco informativa (è verbosa e rivolta più al gestore del sito che al visitatore) e non necessariamente chiara ai lettori (è in inglese).
Mi sono perciò armato di editor di testo ed ftp e ho modificato il file PHP wp-db.php che è in /wp-includes. Cambiando title, body (sono alla fine) e il testo dei messaggi (che è un po’ prima), ho localizzato la pagina per Storie di Apple rendendola sia più chiara che omogenea con il resto del sito per chi ci dovesse capitare in un futuro (spero) remoto.
Immagine tratta da www.meltingprod.com
Sono reduce da una sessione di feroce editing del foglio di stile del tema attualmente in uso su www.nezmar.com, FirstD.
Seppure relativamente semplice come tema il CSS di FirstD interviene in diversi punti sull’aspetto di testo e immagini.
Uno di questi mi lasciava perplesso: la spaziatura alle immagini che mettevo a mano non compariva e altrove, in caso di ripubblicazione dei contenuti, sì. Un esempio era la minirecensione di “Manga” di Paul Gravett disponibile via feed (completo, eh) su LiveJournal che risultava più leggibile dell’originale su nezmar.com
A forza di hackpulation del foglio di stile (chi ha detto che ci semplificano sempre la vita?) del tema ci sono arrivato. Era proprio in cima, cosa che non mi aspettavo, dato che cercavo un tag IMG o caratteristiche dei link A.
Nella dichiarazione originale si trova
* {margin:0; padding:0;}
L’ho ridotta a:
* {padding:0;}
E ora testo ed immagini “respirano” di più. :)
Una scansione di un mio appunto mi aiuta a riparlare di usabilità e navigazione dei blog. O meglio del discorso “home page” come strumento di benvenuto, orientamento e riassunto dei contenuti.
L’immagine che vedete qui di lato è una bozza di schema e color-coding del redesign (uno dei tanti) mai portato a termine della home di nezmar.com.
Doveva essere in tre lingue (italiano, inglese e anche slovacco, mia lingua madre) e con estratti dalle varie tematiche stipati dentro layout tratto da un Web Design Index Annual ed e adattato al CMS Wordpress. Ma sopratutto doveva allontanarsi dalla formula “taglia unica” delle home dei blog e siti realizzati con i CMS.
Nello specifico Wordpress permette di avere una “home” distinta dalla pagina in cui mostra il singolo contenuto. L’uso di questa funzione, presente solo in alcuni temi di Wordpress, potrebbe essere una strada per fare due passi piccoli ma rilevanti nel webdesign:
1) allontanarsi dalla forma rigidamente cronologica del blog, cosa che però sconcerta alcuni, come ho notato dai commenti in prvato di Koolinus quando ne ho adottata una per alcuni mesi
2) adottare un altro sistema di organizzazione e valorizzazione del materiale sul proprio sito, che magari riduca la rituale pratica di riassunti e riproposizioni.
This text is also avaliable in english
Nei miei consueti giri quotidiani sul web sono incappato in un sito, The RSS cookbook, che elenca e spiega una lista di “10 advanced RSS tricks”, dieci “trucchi avanzati con i feed”.
Tra questi c’è n’è uno intitolato “The del.icio.us blend” in cui si afferma che (la traduzione libera è mia):
“è facile fondere i feed RSS di questi tre tag di del.icio.us in uno usando Feedblendr o, in alternativa, usando la inbox di del.icio.us per unirli e poi sfruttare il feed della inbox”
In realtà non c’è affatto bisogno di usare la inbox o servizi esterni: del.icio.us offre già di suo feed di due o più tag aggregati e anzi, questa è una delle funzioni più utili (che mancano invece a cms vari per non parare dei bookmark in locale nel browser).
Un esempio di quanto affermo è la seguente ricerca aggregata:
del.icio.us/nicoladagostino/del.icio.us+strumenti
che ha un feed corrispondente:
del.icio.us/rss/nicoladagostino/del.icio.us+strumenti
Più facile di così! :)
