Feed RSS

Archive for April, 2008

Siamo seri

Posted by daniele on 04.30.08

È vero, il post precedente può far pensare che ci sia gente in giro veramente convinta che il Webdesign sia anche una cosa seria.
Tutti quelli che vogliono ribadire che il Webdesign in realtà è sempre una cosa terribilmente seria, possono farlo con una maglietta: shirtsforcoders.com.

coder’s t-shirt

Lezioni di Webdesign

Posted by daniele on 04.30.08

web designer rss

Imparare dagli altri professionisti, studiare come lavorano i “maestri” è a mio avviso una parte fondamentale del lavoro del Webdesigner. Se mi chiedessero qual’è il primo strumento di chi fa questo mestiere risponderei il feed-reader.

Sixrevision, partendo da una considerazione simile, ha raccolto in unico articolo undici “lezioni” tratte dai post di altrettanti esperti di Webdesign. Si va dalla citazione tratte da Jackob Nielsen ovviamente in tema di Usabilità, fino a quella di Roger Johansson (Barea Street) sull’opportunità di presentarsi/considerarsi Web-designer o Web-developer (evidentemente questo non è un problema soltanto dei più “giovani”…): una collezione di citazioni e sopratutto link ad articoli e post che – se non l’avete già fatto – vale veramente la pena di leggere.

La mia preferita è quella tratta da un pezzo di Derek Powazek, su A list apart:

It’s time we designers stop thinking of ourselves as merely pixel people, and start thinking of ourselves as the creators of experiences. And when it comes to experience on the web, there’s no better way to create it than to write, and write well.

Link: 11 Inspiring Lessons from Web Design Experts

Wordpress 2.5.1 released

Posted by daniele on 04.29.08

Wordpress 2.5.1

È stata rilasciata la versione 2.5.1 di Wordpress. Questa release rimedia a più di 70 bug dell’ultimo Wordpress, compresi alcuni di particolare gravità (chi è interessato può dare un’occhiata qui).

Di conseguenza, se avete già installato la versione 2.5, vi consiglio di fare l’update al più presto.

Se invece siete ancora fermi alla vecchia versione, 2.3.3, anche detta Dexter Gordon, beh… i tempi cominciano a maturare per cambiare jazzista…

Il peggior captcha di sempre

Posted by daniele on 04.24.08

Depressed programmer si è imbattuto nel peggior captcha di sempre, cioè quello a prova di umano
captcha

Posizionamento su Google Accesible search: qualche suggerimento

Posted by daniele on 04.23.08

google accessible search

Su Google Webmaster Central, T.V. Raman offre qualche suggerimento su come realizzare siti in grado di ottenere un buon posizionamente nella accessible search, cioè la ricerca di Google che favorisce i siti internet accessibili.

  • I contenuti rilevanti devono essere raggiungibili con un semplice link html. Per linkare un contenuto è sempre meglio usare il tag A, piuttosto che javascript.
  • I contenuti devono essere leggibili, da tutti.
  • Organizzare i contenuti in maniera logica: il lettore deve essere in grado di seguirli, attraverso i link, secondo il loro ordine logico. Questo significa evitare layout troppo complessi che possono vanificare l’efficacia dei link.
  • Non aver paura della ridondanza dei contenuti, specialmente relativamente ai contenuti visuali della nostra pagina: per esempio usare sempre l’attributo ALT per le immagini, accompagnare le animazioni e le tabelle con brevi sommari testuali.

Link: Webmaster tips for creating accessible, crawlable sites

Importare MP4 (h264) in Adobe Premiere

Posted by daniele on 04.22.08

Premiere Quicktime

Adobe Premiere non importa video in formato MP4. Questo tipo di file è quello più diffuso per la codifica MPEG4 parte2, detta H264 (insieme al .MOV quicktime). Premiere non supporta questi filmati perchè si tratta di un formato decisamente compresso, e adatto più alla pubblicazione di un video che all’editing con strumenti professionali. Cionondimeno, può capitare di dover lavorare su questo tipo di file. Peraltro non sono pochi gli utilizzatori di videocamere consumer, che spessissimo registrano in questo formato, per scopi professionali.

La soluzione secondo me più semplice è installare Quicktime player e fare l’upgrade a Quicktime pro. Fatto questo le funzionalità PRO del player della mela saranno attive. Apriamo il video MP4 in quicktime > salva con nome: da filmato a filmato quicktime. In pochi secondi quello che otterremo sarà un file quicktime .MOV, importabile in Adobe Premiere. Se ancora non dovesse funzionare, tutto può essere – purtroppo… - possiamo utilizzare Quicktime per convertire il file originale in un file .AVI compresso DV PAL: un video che Premiere non potrà rifiutare.

Link: Adobe Premiere CS3 – File formats supported for import

Caricare più file contemporaneamente su Youtube con Multi video uploader

Posted by daniele on 04.17.08

youtube multi upload

È finalmente disponibile anche per Mac, il Multi-Video Upload di Youtube.
Uno strumento che permette di caricare più video contemporaneamente sulla famosa piattaforma.
Una volta installato il software, sarà possibile accedere alla pagina my videos multi upload e creare una batch list di file da caricare su Youtube. Al termine del processo i file si troveranno come al solito nella pagina My videos.

Link: Multi-video Uploader

Visualizzare una playlist di video Flv in una pagina Html

Posted by daniele on 04.15.08

flv playlist

Tempo fa abbiamo visto come utilizzare la libreria javascript SWFobject per visualizzare un file flv all’interno di una pagina html, utilizzando il JW Flv player.

Se abbiamo ben presente come pubblicare un video in questo modo, sarà un gioco da ragazzi impostare il player per la riproduzione di una playlist di file FLV
. Quindi il tutorial che segue presuppone la conoscenza di tutto quello che abbiamo visto nel post dedicato alla pubblicazione di file FLV in una pagina HTML.

Fatta questa dovuta premessa possiamo cominciare…
Read the rest of this entry »

Sempre circo

Posted by daniele on 04.14.08

Mia sorella finalmente si è decisa ad usare flickr per i suoi disegni. Per il momento niente acrilici: ha deciso di pubblicare solo qualche illustrazione. La cosa bella è che ci sono soprattutto pagine strappate dai suoi taccuini pazzi… fatevi un giro.

sempre circo

Wordpress 2.5 e gestione dei file multimediali: voglio di più!

Posted by daniele on 04.10.08

wordpress upload

Il nuovo Wordpress, come visto, facilita – normalizza, verrebbe da dire – l’inclusione di oggetti multimediali all’interno del post. Grande attenzione è stata data anche alla gestione dei file. È stata creata una media gallery che permette di archiviare, organizzare e ricercare in maniera efficace gli upload, mentre nell’interfaccia dell’editor visuale del post adesso compare una sezione “add media” attraverso la quale è possibile caricare audio video ed immagini sul server.

add media wordpress

La possibilità di uploadare con un click file flv o mov o swf etc., anche se la nuova interfaccia utente è veramente piacevole, era già presente nella vecchia versione. Una volta completato l’upload si può, come sempre, inserire un link al volo nel post. Nel complesso si tratta di modifiche che permettono una gestione decisamente razionale dei media, ma che non introducono tutte le funzionalità di cui l’amministratore avrebbe veramente bisogno.

Quello che manca a mio avviso, ma che non tarderà ad arrivare grazie alla comunità di sviluppatori al lavoro sui plugin, è la possibilità di gestire il video con totale semplicità, come da sempre gli editor visuali fanno con le immagini: la possibilità di fare l’upload di un video (in qualsiasi formato), e di inviarlo all’editor con un click: cioè postare il video vero e proprio, non un mero link, subito dopo l’upload e con un click. Non sarebbe male ;) Finalemente un modo decente di gestire i video!
Upload > Browse > Ok > Send to editor > Publish.

HP BLOG PRINT: stampa e marketing innovativo, tutto in un plugin

Posted by daniele on 04.08.08

HP blog printing è un utile plugin che agevola la stampa dei nostri post su blog, non solo Wordpress, anche Blogger e Movable Type. Basta un click sull’icona “print post” e si apre una finestra pop-up che permette di scegliere nell’elenco dei post, raggruppati per data, quali stampare.

Hp print blog plugin

Si tratta di un plugin notevole oltre che per le funzionalità, anche per il suo valore dal punto di vista del marketing: mentre l’utente sceglie quali articoli o post stampare, gli viene offerto un servizio che gli facilita la vita, ed è proprio una nota marca di stampanti ad offrirglielo. Aggiungo ancora una considerazione su questo punto: il logo HP compare nella finestra in cui si sceglie cosa stampare, ma non nei documenti stampati (in caso contrario certo non mi sarei meravigliato!): insomma non è per niente invasivo, e questa è la strada giusta, forse l’unica strada da seguire se si vogliono raggiungere con successo i blogger ed i loro lettori.

Chissà cosa ne pensano gli amici del Crazy Markeing Network…

via Mac Blog

Convertire un video per youtube: sei utili suggerimenti

Posted by daniele on 04.07.08

youtube home

Da quando su youtube è stata introdotta la possibilità di vedere il video in “qualità migliore”, opzione che dipende dalla effettiva qualità del filmato caricato su Youtube, ogni dettaglio dell’esportazione del nostro video diventa importante.

Ellingtonmedia offre sei suggerimenti sull’esportazione o la conversione del nostro video, in modo da aumentare la qualità finale del video visibile su youtube. Vediamoli insieme:

  • Cominciare sempre dal video nel formato migliore possibile.
  • Comprimere il video usando il codec H.264.
  • Ridimensionare il video a 320×240 px.
  • Deinterlacciare sempre il video.
  • In caso di video con aspect ratio 16:9, usare le bande (letterbox).
  • Sfruttare la mggior parte possibile dei cento megabyte che Youtube ci mette a disposizione.

Condivido pienamente tutti e sei i suggerimenti, fuorchè il terzo, quello del resize a 320×240. In un momento in cui le soluzioni tecnologiche spingono verso una qualità sempre migliore del filmato, e la stessa Youtube permette una visualizzazione in Higher quality per i video “migliori” può essere controproducente ridimensionare il fotogramma, per evitare che il resize venga effettuato dai server di youtube. Su questo punto allora meglio attenersi alle faq, 640×480, e – in fin dei conti – scegliere una risoluzione decisamente migliore.

Poi non dite che non ve l’avevo detto!

Link: 6 tips for High Quality Youtube Video.

Vedere video su YouTube in High Quality.

Posted by daniele on 04.03.08

YouTube High Quality

Da qualche settimana You tube permette agli utenti di visualizzare alcuni video in qualità più elevata. Può capitare quindi che in certi casi vicino al player, in basso a sinistra, compaia il link “watch this video in higher quality” [un esempio]. Cliccando vedremo lo stesso video, ma ad una qualità decisamente migliore.

Non tutti gli utenti visualizzano il link, anche quando è prevista una high quality, perchè di default youtube visualizza i link solo a chi ha una connessione veloce. Questo – ed è detto esplicitamente – per non sfavorire la velocità di caricamento del filmato. Si tratta comunque di un impostazione che gli utenti registrati possono cambiare, qui, decidendo di visualizzare sempre la versione migliore del video, se disponibile, o invece la più veloce da caricare.

La high quality non è prevista per tutti i video, ma solo su alcuni, in base alla qualità del filmato originale, quando viene caricato su Youtube:

We’re making these streams available on certain videos, based upon the source file uploaded to us

Al momento non si conoscono maggiori dettagli, ma una cosa è certa mai come adesso è stato importante scegliere il formato migliore per l’upload su youtube.

link: YouTube Videos in High Quality

Screencast Wordpress 2.5: finalmente aggiornato l’editor visuale, video sharing più semplice!

Posted by daniele on 04.02.08

Embed youtube

Nella release 2.5 di Wordpress è stato anche aggiornato l’editor visuale. WP adesso integra Tinymce 3, che presenta indubbi vantaggi all’autore del post. Ho realizzato un breve screencast in cui si vede quella che a mio avviso è la modifica più importante che è stata apportata all’editor: la possibilità – finalmente – di inserire in maniera del tutto “indolore” il codice necessario ad embeddare filmati tratti da piattaforme di video sharing, come Youtube, Vimeo etc…

A causa del comportamento anomalo dell’editor visuale, che al momento del salvataggio, praticamente troncava il tag object, chi inseriva di frequente video nei post aveva due vie: installare un plugin come wpvideo, oppure disattivare (anche momentaneamente)l’editor visuale.

Con Wordpress 2.5, si può finalmente fare una cosa a cui da sempre sono abitutati i blogger non-wordpress: copiare il codice dal sito di video sharing, ed incollarlo nell’editor visuale in modalità codice.

Qui c’è lo screencast. Presto qualche considerazione sulla gestione dei media nel nuovo editor.