Archived posts in ' "blog"

Back home

E’ autunno

09/28/2011

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ì.

No Comments

Cose al volo

06/16/2011

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.

No Comments

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

12/15/2010

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
<object
  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">
  <param
    name="flashvars"
    value="intl_lang=en-us&photo_secret=f3b289763a&photo_id=5253540794">
  </param>
  <param
    name="movie"
    value="http://www.flickr.com/apps/video/stewart.swf?v=71377">
  </param>
  <param
    name="bgcolor"
    value="#000000">
  </param>
  <param
    name="allowFullScreen"
    value="true">
  </param>
  <embed
    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">
  </embed>
</object>

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

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

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].

No Comments

#BTCNew e i problemi lato Backtype

11/25/2010

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: ,

1 Comment

Zen, il plugin WP che stavo per scrivere

11/19/2010

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:

Zen, attivo
[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: , ,

4 Comments