nezmar.com

Dopo tre settimane di vita dell’esperimento “/inuscita” è giunto il momento di fare un bilancio e di fare altre prove.

L’esigenza (e l’idea) è sempre attuale: una pagina web aggiornata in tempo reale ed automaticamente che attinge ad una fonte (in questo caso del.icio.us) selezionando e plasmando il contenuto da mostrare. Nel caso del sottoscritto una lista degli ultimi articoli appena pubblicati su siti e testate online.

La prima implementazione di /inuscita, alla fine di novembre è stata realizzata usando uno dei metodi possibili, e cioé pescando il feed HTML del mio account sul servizio di bookmarking sociale ed incorporandolo in un iframe.

Come si può vedere dal risultato la soluzione funziona e risulta discretamente integrata col resto del sito, esteticamente parlando.
Ci sono però alcuni problemi di diversa gravità legati all’uso dell’iframe:

1. la grandezza del carattere, se aumentata, può far emergere i confini dell’iframe e costringere allo scrolling. Allo stesso modo ma in senso opposto, il ridimensionamento dei font aumenta a dismisura lo spazio in fondo alla lista.
2. l’utente deve forzare (a mano) l’apertura dei link in una nuova finestra o pannello/scheda (tab): se non lo fa il click apre il contenuto dentro il frame, rendendo gli articoli poco o per nulla fruibili
3. un terzo problema potenziale emerge leggendo quanto chiede (e specifica) del.icio.us:
   

   Please do not cause one hit to delicious per one hit to your site; this will be considered abuse. Use caching or similar.

La soluzione? Cambiare metodo ed usare “JavaScript Object Notation”, abbreviato in JSON. In breve, usare ed incorporare nell’html del codice javascript che attinge ai propri post sempre dal feed. Seppure più complessa tecnicamente (per chi come il sottoscritto non è programmatore), questa soluzione si è rivelata nettamente superiore e per ora senza controindicazioni d’uso.

Dopo una prima versione che segue alla lettera (o quasi) l’esempio fornito da del.icio.us ed è poco leggibile (oltre che poco informativa) con un po’ di hacking ho modificato il codice perché mostrasse una lista di articoli con descrizioni e a capo tra un articolo e l’altro. La nuova lista via JSON è sempre disponibile all’indirizzo www.nicoladagostino.net/inuscita e soppianta la precedente con l’iframe.
Fatene buon uso. :)

Nota: Per chi volesse studiare o fare uso del javascript da me usato non ha che da visualizzare il sorgente della pagina e procedere alla modifica secondo le sue esigenze.