Just another blog » blog

E’ autunno

mcalamelli — Wed, 28 Sep 2011 14:08:38 +0000

Come foglie dai rami, cadono interi blocchi di CSS. Il tema si schiarisce, come coperto da un manto nevoso, i dettagli vengono nascosti, è tutto bianco e ovattato. Ti piace? A me sì.

Cose al volo

mcalamelli — Thu, 16 Jun 2011 07:35:17 +0000

L’estate (ma anche la tarda primavera) è quel periodo dell’anno in cui i post si bloccano tra testa e tastiera. Ho così tanta roba, ormai avariata, nelle bozze che se si legge il blog abbastanza vicini al monitor si sente odore di marcio.

[Tip] Usare codice HTML W3C compliant per incorporare i video

mcalamelli — Wed, 15 Dec 2010 08:10:07 +0000

Una delle mie [tante?] sclerosi è quella di controllare ogni post con il W3 Validation Service: quella scritta in verde con scritto “Passed” ha un fascino tremendo, per me. A parte i banali errori di scrittura del codice HTML, trovo che la parte più complicata sia far digerire i video incorporati nei post. Per quanto riguarda Youtube, il lavoro sporco viene fatto in maniera egregia dal plugin Youtube Embed, ma proprio oggi mi sono imbattuto nella necessità di incorporare un video ospitato da Flickr, il cui codice HTML generato dava una caterva di errori.

Ecco il codice:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

type="application/x-shockwave-flash"
width="400"
height="225"
data="http://www.flickr.com/apps/video/stewart.swf?v=71377"
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
name="flashvars"
value="intl_lang=en-us&photo_secret=f3b289763a&photo_id=5253540794">

name="movie"
value="http://www.flickr.com/apps/video/stewart.swf?v=71377">

name="bgcolor"
value="#000000">

name="allowFullScreen"
value="true">

type="application/x-shockwave-flash"
src="http://www.flickr.com/apps/video/stewart.swf?v=71377"
bgcolor="#000000"
allowfullscreen="true"
flashvars="intl_lang=en-us&photo_secret=f3b289763a&photo_id=5253540794"
height="225"
width="400">

Questo che segue, invece, è il codice W3C compliant generato dal plugin di cui parlavo più sopra:

1
2
3
4
5
6
7
8
9
10
11

type="application/x-shockwave-flash" data="http://www.youtube.com/v/tLIpL26ztFo&fs=0&rel=0&autoplay=0&loop=0&egm=0&border=0&color1=0x2b405b&color2=0x6b8ab6&hd=1&showsearch=1&showinfo=1&iv_load_policy=1&cc_load_policy=0"
width="425"
height="355">
name="movie"
value="http://www.youtube.com/v/tLIpL26ztFo&fs=0&rel=0&autoplay=0&loop=0&egm=0&border=0&color1=0x2b405b&color2=0x6b8ab6&hd=1&showsearch=1&showinfo=1&iv_load_policy=1&cc_load_policy=0" />
name="wmode"
value="transparent" />

Ho preso come spunto il codice qui sopra e l’ho riadattato per il video di Flickr, in questo modo:

1
2
3
4
5
6
7
8
9
10
11
12

type="application/x-shockwave-flash"
data="http://www.flickr.com/apps/video/stewart.swf?v=71377"
width="490"
height="280">
name="movie"
value="http://www.flickr.com/apps/video/stewart.swf?v=71377" />
name="flashvars"
value="intl_lang=en-us&photo_secret=f3b289763a&photo_id=5253540794&flickr_show_info_box=true&hd_default=false" />

Il W3C Validator ha gradito il cambiamento: “Passed”.

Il codice funziona su Firefox, Safari, Chrome, Opera~~, ma NON su Internet Explorer, che strano. Ci lavoro un altro po’ e vedo di sistemare anche IE.~~ e Internet Explorer [EDIT: funziona anche con questo browser].

#BTCNew e i problemi lato Backtype

mcalamelli — Thu, 25 Nov 2010 08:30:24 +0000

In seguito alle ultime installazioni, qualche amico ha riportato segnali di mancato funzionamento del plugin nell’importare nel blog i commenti relativi ad un post fatti su Friendfeed. Dopo diversi controlli [ed una nuova versione in arrivo a breve, code cleanup e una opzione per facilitare il debug] sono quasi convinto che il problema in effetti ci sia, ma che si trovi lato Backtype. Verificando il mio blog su BT noto che le reactions da Friendfeed si interrompono verso il 15 novembre; la medesima cosa accade con i blog degli amici che hanno riportato i problemi di cui sopra. Ho anche aperto un ticket nell’help system di Backtype, vediamo cosa rispondono. Mi dispiace amici, ma più di così per ora non posso fare.

Technorati Tags: backtype, btcnew

Zen, il plugin WP che stavo per scrivere

mcalamelli — Fri, 19 Nov 2010 09:32:33 +0000

Sono un grande fan dei software di scrittura distraction-free tipo WhiteRoom, DarkRoom o FocusWriter, per fare qualche nome. Cosa è un editor distraction-free? E’ un editor che usa alcuni accorgimenti grafici per aiutare a focalizzarsi su ciò che si sta scrivendo: viene eseguito in modalità fullscreen, non mostra toolbar o menù vari e permette una customizzazione del proprio aspetto [tipo/dimensione/colore font e background, eventuale immagine di sfondo]. Personalmente uso FocusWriter, multipiattaforma, e il mio sogno era quello di poter trovare una cosa simile che potesse essere applicata all’editor di WordPress; esiste, e si chiama Zen. Una volta installato e abilitato, il plugin inserisce in alto a destra nella pagina di creazione di un nuovo post un nuovo pulsante, cliccando sul quale si attiva la modalità distraction-free:

[cliccare per immagine ingrandita]

Si può uscire da questa modalità premendo la X in alto a sinistra oppure il tasto “q”, mentre con il tasto “t” vengono applicati i temi disponibili. E’ inoltre possibile impostare Zen come modalità di editing predefinita impostandolo come default nella pagina del proprio profilo utente di WordPress. Mai più senza!

Technorati Tags: wordpress plugin, zen, distraction free

BTCNew, ora disponibile nella Plugin Directory di WP.org

mcalamelli — Tue, 09 Nov 2010 08:30:00 +0000

E niente, il plugin, come da oggetto, è nella Plugin Directory di WordPress.org, per mia somma gioia. Se lo avete installato dal vecchio zip, oppure scaricando direttamente i files, nella dashboard di WP ora dovrebbe apparire la notifica dell’aggiornamento disponibile. Io nel blog ho scelto l’upgrade automatico, e tutto è continuato a funzionare. Fatemi sapere se avete qualche problema.

Technorati Tags: backtype connect, btcnew, wordpress, plugin

BTCNew v0.0.2

mcalamelli — Tue, 26 Oct 2010 07:30:08 +0000

Nuova versione del plugin: ora gli avatar si vedono, e i commenti seguono correttamente l’impostazione mixed/separate. Lo Zip è disponibile nell’apposita pagina, aggiornato, e in più è possibile seguire lo sviluppo dal repository su GitHub. Ho contattato i signori di Backtype per avere informazioni precise su quello che dovrebbe essere il modo migliore per proseguire con il plugin, e cioè se fare un fork vero e proprio oppure considerarlo una nuova versione del vecchio plugin. A me non cambia nulla, ovviamente, solo fino a quando non ho una risposta precisa non mi arrischio a sottoporlo a WordPress.org per essere inserito nella directory dei plugin. Ideuzze che mi girano in testa: 0] rendere opzionale l’eliminazione dei commenti alla disabilitazione/rimozione del plugin 1] rendere personalizzabili i messaggi che appaiono nei commenti, es “This comment was originally posted…”. Richieste, suggerimenti? Se vi va/vi trovate bene, sentitevi liberi di spargere la voce.
Enjoy :)

Technorati Tags: btcnew, backtype connect

E ci ho messo pure Flavors.me

mcalamelli — Fri, 22 Oct 2010 13:00:18 +0000

Mi avanzava uno spazietto nella sidebar, e così tra un About e un Perché le foto ho aggiunto l’n-esimo servizio, Flavors.me. Carino, forse di poca utilità, un veloce colpo d’occhio sui miei stream online.

BTCNew, un fork di Backtype Connect

mcalamelli — Mon, 18 Oct 2010 07:30:57 +0000

Sembra che il primo tentativo di forkare il plugin Backtype Connect non più funzionante sia andato a buon fine. Il vecchio plugin è stato scritto in modo abbastanza chiaro, quindi non è stato troppo complicato il riadattamento alle nuove API di Backtype; se dovessi fare una stima del tempo richiesto per mettere in piedi questa prima versione direi che ho impiegato una decina di ore. Il nuovo plugin, chiamato con molta fantasia BTCNew, fa quello che deve fare e lo ha fatto con successo nel mio blog, quindi oserei dire che funziona. Si tratta comunque di codice sporco, quindi se volete provarlo: 0] non siate troppo severi riportando eventuali bug 1] fate as.so.lu.ta.men.te un backup del database, ché non si sa mai 2] potrebbe essere utile impostare la moderazione dei commenti importati, almeno per la prima volta, in modo da verificare il corretto funzionamento. Ah, dimenticavo, il plugin si trova qui, e qui c’è la pagina dedicata.

Technorati Tags: backtype connect, wordpress plugin

Disqus, e un po’ di tuning al blog

mcalamelli — Thu, 07 Oct 2010 07:35:41 +0000

A dispetto di quello che ho detto in un post precedente sono ritornato sui miei passi e ho deciso di concedere un’altra chance a Disqus, soprattutto grazie alla testimonianza positiva di Alex [in questo post, in fondo, ci sono le reactions, e contengono cose interessanti]. Nella discussione è emerso un rallentamento delle prestazioni del sito dovuto all’introduzione di Disqus, e quindi ho pensato di eseguire prima delle modifiche un paio di test per avere una idea del livello di velocità del blog, usando sia YSlow che Page Speed, entrambi plugin per Firebug. Dopodiché ho installato il plugin per WordPress che si occupa del caching delle pagine [e non solo], W3 Total Cache. Una volta attivato il plugin e rieseguiti i test, questi ultimi hanno riportato un rallentamento probabilmente dovuto alle basse performance disco del mio hosting, considerato che la cache degli oggetti interessati è fatta su disco [ma il plugin prevede altri metodi]: ho quindi limitato l’azione del plugin ai file JS e CSS. Sono poi passato a Disqus, installandolo e configurandolo seguendo le indicazioni, e da questo punto di vista nulla da dire; note a margine: a] per vedere apparire le reactions di FF ai post ho dovuto attendere circa una ventina di ore, tempo necessario a Disqus per fare il crawling dei dati da Backtype; b] i commenti non vengono importati nel blog [nelle impostazioni è disponibile una operazione manuale di sync da Disqus al blog, ma non l'ho fatta], ma nel caso del singolo post appaiono in una area al di sotto della classica form per inserire un commento, mentre nella home del blog viene mostrato il conteggio di commenti e di reactions [non i like]. Ora sono dunque un utente di Disqus e potete vederlo in tutto il suo splendore poco più sotto. Una nota relativa al tuning, che magari potrà risultare banale, ma meglio dirla una volta in più che una in meno: se volete far viaggiare più veloce il vostro sito disattivate o eliminate tutti i plugin che non sono in uso. Infatti l’aumento di prestazioni che ho riscontrato si divide più o meno a metà tra la disattivazione del plugin e W3 Total Cache. Chiudo segnalando che ora il blog lo tengo sotto controllo da qui, servizio che ho scoperto usando Page Speed. Dimenticavo, questa non vuole essere una guida esaustiva al tuning del blog, è solo un riportare la mia esperienza al riguardo.

Technorati Tags: disqus, pagespeed, yslow