html5 video player: adattare l’immagine poster al canvas video

Problema:  l’attributo POSTER del tag VIDEO di Html 5 a volte non ha la stessa ratio(altezza/larghezza) del video che si andrà  a riprodurre. In questo modo possono apparire delle barre laterali verticali o orizzontali, davvero brutte.

In ogni notizia del post partita di inter.it c’è un tag <VIDEO>

Il dubbio è che tu pensi ancora di avere a che fare con un plugin (come flash) per riprodurre il video, in realtà  ora tutto il lavoro lo fa il browser. E quindi stiamo parlando di un tag come tutti gli altri, con eventi e attributi configurabili da JavaScript e CSS.  Quindi  puoi giocare con la JPG del poster frame come vuoi.

Esistono soluzioni più spartane

Ma io ho scelto questa, definitivamente più elegante,  con un dummy poster frame fatto di png trasparente.

Annunci

true detective – lost in translation

The Italian Job.  True Detective è una serie TV notevole. Per plot, fotografia, introspezione dei personaggi. Davvero ben fatta, un meccanismo ad orologeria che si avviluppa intorno a un giallo tradizionale, coinvolgendo lo spettatore.

Il punto è: perché il giro di pedofili è associato, nella colonna sonora inglese, a una rete di scuole cattoliche (parish school) e in italiano si parla genericamente di ‘amministrazione’?

foto online e non

tesi

antitesi

sintesi

 

I bambini sono delle persone, che ci piaccia o no non dobbiamo ostentarli come trofei. Non per paura dei pedofili, ma per rispetto e per la protezione. Loro non possono scegliere. Mai sentita tanta frivolezza, vacuità  e compiaciuto solipsismo come in questo articolo di Doroty. Hai parenti lontani? Usa flickr con controllo accessi o dropbox e condividi solo con loro! Ti piace la fotografia? Fotografa i fiori e i tramonti! Ma ribattere a “motivazioni” così fragili punto per punto (mamma mia, quella sui film … l’ha pensata un minore?) implicherebbe una dignità  di coscienza critica che non si è destata nemmeno con la rilettura. Meno male che ci sono persone come Chiara F e Herm che usano il cervello. Se vi separaste? Se ti rubassero la password di Instagram? Sai che le foto sono di Mark Zuckerberg e non tue? Se cambiassero le regole? Sai come funziona il social-marketing che incrocia post, interessi e immagini pubblicate?

PS: lavoro su internet da 20 (VENTI) anni. Nel 2001 un mio collega aprì un blog per mostrare la foto della bimba appena nata: in due mesi fu contattato dalla Polizia Postale. Adesso, evviva il futuro, tutti a spandere in piazza i momenti di chi non puo’ decidere. “Chissà  quanti mi piace, con questo musetto”

migliorare grocery CRUD

Utilizzando Code Igniter, si sviluppa piacevolmente con Grocery CRUD;  si realizza in modo efficace un back-office. Si può anche migliorare l’interfaccia per renderla più user-friendly.

Ma un difetto ricorrente era la gestione di tabelle che avessero un  alto numero di campi o, anche, di tabelle con un basso numero di campi ma che, a schermo, ci imponessero di visualizzare delle etichette significative per compendiare tutte le relazioni di join.

In soldoni, per vedere tutti i campi di un record ci voleva un monitor 27 pollici. E soprattutto c’erano delle barre di scorrimento orizzontali per poter raggiungere i tasti CRUD (modifica, visualizza, cancella)

Qualcuno ha già  affrontato questa sfida: si può personalizzare l’interfaccia come si vuole!

ecco come fare per spostare i tasti di azione come prima colonna… un grande passo in avanti per l’usabilità .

 

splash page, 15 versioni e un solo link sbagliato

E’ online la nuova splas page di inter.it. E’ stato un lavoro abbastanza meticoloso e difficile, ma denso di soddisfazioni. Occasione per studiare le API dei principali social networkF.C. Internazionale - Sito Ufficiale - Official Website 2014-10-21 10-57-07 e anche accorpare contenuti di origine diversa in un layout che ricorda lo split-screen dei fumetti marvel.

Uso pesante di Jquery per animare il background, per fare uno slider delle proposte, per le chiamate ajax sui feed generalisti.

Un’opera di limatura successiva, perché ci sono tante variabili: video di youtube senza thumbnail,  immagini di instagram non caricate, like di facebook non visibili in cina. Tutto bene finché non si va online.

E ti accorgi che c’è un unico link sbagliato, che non è stato visto né testato da nessuno nelle 15 versioni precedenti. E solo il tuo CEO inglese ha trovato verso la mezzanotte di una domenica sera. GULP

un sentito vaff…

Che sia un disadattato, un camionista lituano o un rom alla ricerca di pezzi di ricambio. Che ci fai con gli specchietti e le borchie delle gomme di una golf del 1998???

 

foto 3 foto 2 foto 1 foto 4