Ormai ci siamo, HTML5 è decisamente in arrivo e non possiamo pensare di rimanere indietro. Occorre iniziare a far pratica con i nuovi tag e prendere confidenza con quello che sarà il linguaggio di markup standard nei prossimi anni. Smashing Magazine ha parlato poco tempo fa di un tema gratuito per WordPress realizzato interamente e in modo eccellente tramite HTML5, ma prima di analizzarlo e studiarlo insieme, facciamo un po’ di chiarezza su cosa sono HTML5 e i nuovi CSS3.

Partiamo dalle definizioni che possiamo trovare su Wikipedia:

HTML5

L’HTML5 è un linguaggio di markup per la progettazione delle pagine web attualmente in fase di definizione (draft) presso il World Wide Web Consortium. La definizione delle specifiche iniziali del linguaggio è stata effettuata da un gruppo di lavoro esterno al W3C: il WHATWG. Attualmente i lavori sono seguiti sia dal WHATWG che dal W3C HTML working group. L’intento iniziale che ha guidato il gruppo di lavoro è stato quello di proporre nuovi comandi e funzionalità fino ad allora ottenute in maniera non-standard, ossia mediante il ricorso a plug-in o a estensioni proprietarie dei vari browser. Altro obiettivo è garantire una buona compatibilità con i browser esistenti, compresi quelli obsoleti o presenti su piattaforme mobili.
L’HTML5 si propone come evoluzione dell’attuale HTML 4.01 ed è stato concepito in alternativa all’ormai fallito XHTML 2. Il World Wide Web Consortium ha annunciato che sarà pronto per il luglio 2014

CSS3

Il CSS (Cascading Style Sheets o Fogli di stile) è un linguaggio usato per definire la formattazione di documenti HTML, XHTML e XML. Le regole per comporre il CSS sono contenute in un insieme di direttive (Recommendations) emanate a partire dal 1996 dal W3C. L’introduzione del CSS si è resa necessaria per separare i contenuti dalla formattazione e permettere una programmazione più chiara e facile da utilizzare, sia per gli autori delle pagine HTML che per gli utenti.

Le specifiche CSS 3 non sono state ancora pubblicate, sebbene il W3C pubblichi costantemente informazioni sulle novità in fase di sviluppo. I CSS 3 dovrebbero presentare soluzioni per la correzione di alcuni bug di interpretazione di Internet Explorer, migliorie nella gestione degli sfondi e una soluzione per realizzare i bordi arrotondati la cui realizzazione affligge i webdesigner da tempo.

Il tema Yoko in HTML5

Come accennato, Smashing Magazine ha dato visibilità ai ragazzi di ElmaStudio che hanno realizzato un ottimo lavoro con il loro tema gratuito Yoko. Yoko è un tema realizzato totalmente in HTML5 e presenta diverse caratteristiche che lo rendono un’ottima base di partenza per studiare questo nuovo linguaggio di mark up.

Le caratteristiche principali di Yoko sono:

• Completamente compatibile e testato con Chrome, Firefox, Safari, Internet Explorer 8 e superiori
• Scritto con HTML5 e CSS3
• Layout reattivo (non supportato per versioni di IE inferiori alla 9, ma si possono usare le librerie Respond.js di Scott Jehl o CSS3-Mediaqueries-js di Wouter van der Graaf per farlo funzionare su versioni più vecchie di IE)
• i recentissimi WordPress post formats (aside, gallery, image, video, link e quote. Maggiorni informazioni sulla guida ufficiale allo sviluppo di WordPress)
• Pagina delle opzioni per il tema, sfondo ed immagine di header customizzabili
• Sotto menu opzionali
• Widget per link sociali customizzati per promuovere il feed RSS, o il tuo profilo Facebook, Twitter, Flickr, Vimeo, LinkedIn o Delicious
• Template per pagina a larghezza totale
• Utilizzo di Google Web fonts (Droid Sans e Droid Serif)
• Commenti annidati con supporto a Gravatar
• Shortcode per colonne multiple, box informazioni disponibili in 3 colori e testo evidenziato

Attualmente è disponibile in Inglese, Tedesco e Francese…se qualcuno volesse aggiungere l’italiano, contatti i ragazzi di ElmaStudio.

Yoko è un ottimo tema per chi volesse iniziare un blog con una tecnologia altamente al passo con i tempi, ma anche un’ottima risorsa per chi volesse sviluppare un suo primo tema HTML5 per WordPress partendo da una base di sviluppo altamente customizzabile e scritta in modo eccellente. Il tema inoltre è minimale, ha quindi grandi  margini di modifica, sia grafica che dal punto di vista del codice.

Puoi scaricare Yoko dal sito ufficiale di ElmaStudio.

Ne io ne Fabrizio abbiamo mai perso occasione per elogiare le qualità di WordPress, uno dei prodotti opensource più riusciti di sempre e motore di tutto il network Splesh!. Dal 2003 ad oggi è diventato una delle piattaforme più usate con più di 45 milioni di siti che ne sfruttano le caratteristiche e godono delle sue qualità, tra cui progetti importanti come Mashable o blog di realtà come PlayStation, eBay o Mozilla.

In otto anni WordPress è evoluto sotto ogni aspetto: sicurezza, funzionalità, usabilità e in generale qualità grazie allo sforzo di tantissimi volontari e grazie a Matt Mullenweg che 8 anni fa rese disponibile online la prima versione di questo ottimo CMS. Qualche tempo fa ho scritto una email a Matt ringraziandolo di quanto ha fatto con WordPress, grazie a lui è nato Splesh!, la mia amicizia con Fabrizio e gran parte dei miei progetti (e successi) sul web sono dovuti a lui. Mi ha risposto con un simpatico “:)”…ma considerando che non mi sarei mai aspettato una risposta è più che sufficiente!

In un articolo di qualche giorno fa, Mashable ha riproposto gli screenshot dell’interfaccia delle varie versioni di WordPress, dalla prima release resa pubblica, la 0.7.1, alla recente versione 3.2 in beta, per rivedere insieme come è evoluta la sua interfaccia. Per semplicità le riporto tutte qui:

WordPress 0.7.1

WordPress 1.0.1

WordPress 1.2

WordPress 1.5

WordPress 2.0

WordPress 2.1

WordPress 2.2

WordPress 2.3

WordPress 2.5

WordPress 2.7

WordPress 3.0

WordPress 3.2beta

Riflettevo ultimamente sul lavoro del web designer. Rispetto a qualche anno fa le cose sono davvero cambiate. CMS come Joomla, WordPress o Drupal e la diffusione di tutorial ed informazioni che si possono facilmente ricavare dal web, hanno decisamente cambiato il panorama all’interno del qualche può e deve muoversi un web designer.

Realizzare un sito web infatti è diventato decisamente alla portata di tutti. Con un minimo di esperienza e di conoscenze si può realizare un sito web in breve tempo e tanti sono i servizi gratuiti che permettono di realizzare siti vetrina in modalità “wysiwyg” (What You See Is What You Get, quello che vedi è quello che ottieni), come ad esempio wix.com.

Con gli strumenti di oggi bastano poche ore e le conoscenze di uno studente di scuola superiore per realizzare un sito con WordPress ad esempio, quindi come fare per distinguersi e venedere al meglio la professione del web designer?

Per farlo bisogna prima di tutto dividere il lavoro in tre categorie:

• il sito vetrina per il panettiere sotto casa
• il progetto web di una media impresa
• la svolta web con l’idea del secolo che incrinerà il monopolio di Facebook

con questo articolo, vorrei concentrarmi sulle occasioni di lavoro più comuni, quelle su cui tutti abbiamo sicuramente la possibilità di lavorare, ovvero, il primo punto di questa lista. Per gli altri casi occorre un team di lavoro e non è questo il caso che andremo ad analizzare.

Quando si accettano questi lavori, nel panorama descritto precedentemente, è difficile comunicare al cliente quali sono i punti di forza e i motivi per i quali dovrebbe investire (e non spendere) dei soldi su di noi. E’ normale infatti che il cliente sia restio ad approvare un nostro preventivo di 1500€ per un sito vetrina sviluppato e realizzato da zero. Del resto con sistemi content management che ci offrono gratis tutti gli sviluppi di cui abbiamo bisogno mi sembra sconveniente anche per noi affrontare settimane di lavoro per un prezzo del genere.

Da web designer a consultente web

Da un po’ di tempo ritengo più conveniente, sia per un cliente che per noi web designer, adottare un approccio al lavoro più da consulente che da designer. Con questo intendo dire che piuttosto che realizzare da zero del codice e l’intera grafica, ho preferito realizzare un preventivo modulare che prevede più servizi non sempre propedeutici tra loro. In questo modo il cliente può scegliere quelli che ritiene (anche sotto mio consiglio) più necessari nell’immediato e quali fare eventualmente in un successivo momento. Di fatto mi limito a fornire il cliente di WordPress con le opportune modifiche e plugin da me selezionati e garantiti, al quale poi si possono affiancare servizi di consulenza quali

• studio del logo
• immagine coordinata per la stampa
• personalizzazioni grafiche del tema (scelto sotto mia consulenza tra tre da me pre-selezionati)
• scrittura dei testi
• SEO

A questi si possono aggiungere servizi pensati in fase di stesura del preventivo, ad hoc per singolo cliente.

La scelta di WordPress è dovuta al fatto che lo ritengo il più facile da insegnare per me e da imparare per un cliente di questo tipo, inoltre fornisce un elevato numero di plugin free e premium che possono risolvere molti problemi del caso.

La scelta del tema

I problemi nel lavorare in questo modo sono prevalentemente relativi al tema grafico. Il rischio è che si presenti al cliente una veste grafica che ritroverà uguale su di un’altro sito. Dovremmo noi essere bravi ad adattare alcune modifiche al tema, in modo da personalizzarlo e renderlo unico. Occorre però spiegargli che questa scelta permette una grossa riduzione dei prezzi e dei tempi, inoltre ci salva da eventuali richieste bizzarre dei clienti più creativi.

A questo proposito un escamotage molto utile è quello di utilizzare temi che permettano di avere un’unica immagine di sfondo, in modo da usare molto Photoshop e poco codice html per personalizzarli

Ti suggerisco di dare un’occhiata alla collezione di temi di ElegantThemes. Realizzano mediamente un tema al mese e con solo 84$ l’anno (39$ per uso personale) potrai assicurarti tutti quelli disponibili in catalogo e quelli che verranno sviluppati nei successivi 12 mesi dall’iscrizione. Posso assicurarti che sono molto ben realizzati sia dal punto di vista del codice che della grafica, nonché delle funzionalità a disposizione. I temi sono ricchi di shortcodes e molto personalizzabili. Ideali proprio per il tipo di lavoro che ti ho descritto prima.

Tempi e costi

Questa soluzione mi ha portato dal realizzare progetti da 1200/1500€ che duravano anche 4 o 5 mesi, con continui problemi di compatibilità tra browser e richieste assurde di clienti che erano convinti che per tale prezzo avessero la possibilità di decidere ogni cosa del sito, a progetti della durata di 2 o 3 settimane per un terzo dei prezzi precedenti, con molte meno problematiche e clienti decisamente più soddisfatti.

Tu come lavori? Hai riscontrato anche tu questo cambiamento? Qual’è la tua esperienza?

E si torna a parlare di risorse gratuite, in particolare di icone. Quando si realizza un prodotto web, come in ogni altro lavoro, il dettaglio fa la differenza tra l’ottimo e l’eccellente. Ecco perché personalmente presto molta attenzione alla scelta del set di icone da utilizzare per ogni progetto. Voglio oggi condividere con te i 3 siti che maggiormente utilizzo per scaricare il set giusto di icone, o per prendere ispirazione per le mie. Clicca sulle immagini per accedere ai siti.

Iconshock

Iconfinder

Findicons

Da qualche giorno DeviantART (la famosa community di artisti digitali), ha reso disponibile un nuovo servizio online per la realizzazione di disegni a mano libera chiamato muro. Il servizio è in collaborazione con Wacom, la società che realizza tavolette grafiche di cui ti ho parlato giorni fa. Ho provato muro in questi giorni e devo dire che come inizio è decisamente un servizio ottimo, vediamolo nel dettaglio.

Muro si presenta semplicemente come una tavola bianca su cui iniziare da subito a disegnare, si può lavorare anche con il mouse, ma inutile dirti quanto l’esperienza sia differente da una tavoletta grafica. Essendo sviluppato in HTML5, è possibile aprire muro anche su iPad e lavorare con le dita.

L’interfaccia

Muro funziona un po’ come tutti i programmi di fotoritocco più conosciuti, vedi ad esempio Photoshop. Ha quindi una palette dei livelli, una finestra di preview per regolare lo zoom, mentre tutti gli strumenti quali pennelli e selezione del colore sono posizionati in orizzontale al disotto del “foglio digitale”; in alto troviamo i tasti per il undo/redo ed un menù di filtri da applicare al nostro lavoro.

Una volta terminato il lavoro, possiamo caricarlo all’interno del nostro account DeviantART o scegliere se scaricarlo in formato PNG.

La prova

Ho giocato con i vari pennelli per circa un’oretta e devo dire che il risultato mi ha davvero impressionato. Nonostante si lavori attraverso un browser, non si ha la minima impressione che il programma stia girando su un server e non sul proprio computer come una comune applicazione installata. Muro è senza dubbio un’ottimo esempio delle grandi qualità del nuovo standard HTML5.

Qualcosa si può ancora fare per migliorare muro, ad esempio pensare ad un download del file in diversi formati, o espandere il set di strumenti disponibili ed aggiungere ad esempio il timbro clone. Potrebbe essere interessante anche avere la possibilità di caricare immagini dal proprio hard disk e lavorare su di esse.

Rispetto a qualche anno fa, quando sul web usare il proprio nome e cognome era un tabù, quando tutti avevano un “alter ego” digitale, una sorta di doppia vita, le cose sono decisamente cambiate. Oggi per avere credibilità, è inevitabile far sapere chi sei, come la pensi e cosa sai fare. Ecco perché su Splesh! sia io che Fabrizio da sempre abbiamo voluto associare i nostri contenuti alla nostra immagine personale, inserendo direttamente in home page la nostra foto con tanto di nome e cognome. Ti racconto qui come ho pensato di migliorare ed arricchire la mia pagina “Chi sono“, anche grazie all’aiuto dei tanti servizi online che il web mette a disposizione.

Ho voluto dare particolare attenzione a questa pagina, dove puoi leggere una breve introduzione e prendere contatto con me attraverso i social network. Da è online la nuova versione, che è stata arricchita da due particolari novità: la mappa con i luoghi dove puoi trovarmi e il video di presentazione da YouTube.

Video da YouTube

Creare un piccolo video introduttivo di noi stessi, ci rende più reali, più veri e quindi più credibili. Ecco perché ho pensato di inserire in questa pagina anche un brevissimo saluto ai lettori che passano da queste parti, in modo che possano conoscermi ”di persona”. Non serve stare a parlare troppo, potrebbe non vederti nessuno se diventi logorroico. Un breve saluto di pochi secondi invece lo guarderanno tutti, il tuo scopo qui è semplicemente strappare un sorriso a chi si è interessato a te.

La mappa

Tra i tanti servizi messi a disposizione da Google, Mappe è sicuramente uno dei più interessanti. Puoi infatti realizzare mappe personalizzate complete di indicatori di località, percorsi consigliati, segnalazioni di attività commerciali e così via. Nel mio caso, ho semplicemente personalizzato i segnaposti con l’icona di Splesh! e proposto una mappa dei luoghi in italia dove è più facile trovarmi nell’arco dell’anno. Lo scopo qui non è certo aspettarsi che un bel giorno qualcuno ti chiami e ti dica “ciao! ho visto il tuo blog…ci incontriamo?”. Quel che volevo fare è semplicemente condividere i posti dove mi piace stare durante l’anno e rendere allo stesso tempo più interattiva la pagina.

Social network

Ovviamente non potevano mancare i collegamenti ai vari social network su cui puoi trovarmi online. Oggi, come sai, sono indispensabili per chiunque pensi di fare web. Ho scelto appositamente un set di icone grandi e ben riconoscibili. Impossibile sbagliare.

E tu, renderai la tua pagina più interattiva?

Navigando per il web a volte si fanno delle scoperte che non ti aspetti. Ieri stavo cercando tutt’altro quando mi sono imbattuto in uno script realizzato in Flash davvero interessante. Cu3er (che si legge “cuber”) è infatti uno slideshow con transizioni tridimensionali realizzato grazie a Flash, ActionScript e XML. La particolarità di Cu3er sta proprio nella facilità di personalizzazione; grazie al file xml infatti, possiamo personalizzare ogni aspetto dello slideshow e delle transizioni da effettuare tra un’immagine e la seguente.

Cu3er permette molte possibilità di personalizzazione come ad esempio il countdown per il cambio di slide, i tasti next and previous o la textbox descrittiva della slide

Ho fatto qualche prova e devo dire che in pochissimo tempo (davvero questione di minuti) si può realizzare uno slideshow di grande impatto visivo, ideale per attirare l’attenzione dei tuoi visitatori. Qui trovi una demo che ho realizzato seguendo le facili istruzioni del sito per configurare a tuo piacimento Cu3er.

Se vuoi, puoi scaricare Cu3er gratuitamente.

Le mashups sono i servizi web che più mi affascinano. Si tratta di servizi che sfruttano le caratteristiche di più servizi insieme per la creazione di qualcosa di unico. Negli ultimi giorni ne ho incontrate tre che mi hanno particolarmente colpito, quasi “emozionato” per il modo in cui hanno saputo sfruttare le caratteristiche di servizi come Google Maps e Flickr.

Vediamole insieme:

iMapFlickr.com

iMapFlickr ti permette di creare delle mappe con le tue foto georeferenziate presenti nel tuo account Flickr, e di embeddare nelle tue pagine web la mappa risultante.

Link

SepiaTown.com

Questa mashup si potrebbe definire “tematica”. Infatti con SepiaTown possiamo visualizzare un sacco di immagini color “seppia” all’interno di una mappa.

Link

HistoryPin.com

Questa è fantastica. E’ una raccolta di immagini in bianco e nero scattate decenni fa e tramite l’utilizzo di Google Street View, non solo possiamo vedere dove è stata scattata la fotografia, ma questa ci viene sovrapposta allo scenario ripreso da Street View ai giorni d’oggi. L’effetto è davvero suggestivo.

Link

Con una lettera aperta, Steve Jobs, l’iCeo di Apple, dice apertamente la sua sulle recenti discussioni nate tra Adobe ed Apple riguardo alla non adozione di Flash da parte di Apple nei suoi dispositivi mobili.

Ho pensato che potesse essere utile per molti avere una versione in italiano della lettera, per comprendere a pieno il messaggio di Jobs. Personalmente credo che il punto di vista di Jobs e della sua Apple non sia del tutto sbagliato, certo è che le motivazioni di Adobe (Flash è un cliente scomodo per l’AppStore) non sono del tutto infondate. Sono entrato nel mondo del web quando si è iniziato a parlare di XHTML, di standard web e web semantico, ho creduto da subito che in futuro il web avrebbe fatto a meno di Flash. Google era in totale crescita allora e si stava delineando un’importanza fondamentale dell’indicizzazione delle pagine web. Da qui il mio pensiero di una prossima fine di Flash. Tempo dopo ci fu un tentativo di Adobe di migliorare l’indicizzazione di siti realizzati con la sua tecnologia, ma di fatto chiunque avesse voluto realizzare un sito accessibile e gradito ai motori di ricerca ha sempre escluso questa tecnologia dai propri lavori.

Su più discussioni nei blog, anche qui su DigitalArt, si è parlato dell’importanza delle scelte di queste grandi aziende riguardo ai standard da utilizzare. TomStardust tempo fa faceva notare come molti siti importanti stanno bloccando il loro servizio a chi utilizza come browser Internet Explorer 6, e secondo me il caso non è molto diverso. Il futuro del web è nel mobile, che sia da 3 pollici e mezzo o 10, e portare su questi una tecnologia pesante che ancora ragiona per rollover ha davvero poco senso.

Le mie conclusioni

Anche se sei Apple, ci vuole coraggio a mettersi contro Adobe. Mi chiedo infatti se Adobe intraprendesse un profondo periodo di sviluppo a ammodernamento della sua piattaforma, mettendo in piedi una tecnologia mobile comprensiva di gestures, leggera e che giri perfettamente all’interno di Safari Mobile…a quel punto cosa farà Apple? Si vedrà costretta ad ammettere che si sbagliava? Chissà…sentiamo anche le vostre conclusioni

La traduzione dopo il salto.

Pensieri su Flash

Apple ha una lunga relazione con Adobe. In effetti, abbiamo incontrato i fondatori di Adobe quando erano ancora nel loro garage. Apple è stato il loro primo grande cliente, adottando il loro linguaggio PostScript per la nostra nuova stampante Laserwriter. Apple ha investito in Adobe, ha posseduto circa il 20% della società per molti anni. Le due aziende hanno collaborato strettamente per essere pionieri del desktop publishing e ci sono stati molti bei momenti. Da quella epoca d’oro, le società si sono allontanate. Apple ha attraversato momenti in cui è stata vicino alla morte, e Adobe si è stabilita nel mercato aziendale con i loro prodotti Acrobat. Oggi le due società lavorano ancora insieme per servire i loro clienti creativi che hanno in comune – Gli utenti Mac acquistano circa la metà dei prodotti della Creative Suite di Adobe – ma al di là di questo ci sono pochi interessi in comune.

Ho voluto annotare alcuni dei nostri pensieri sui prodotti Adobe Flash, in modo che i clienti e i critici possano comprendere meglio il perché non permettiamo la presenza di Flash su iPhone, iPod e iPads. Adobe ha etichettato la nostra decisione come principalmente guidata dal nostro business – dicono che vogliamo proteggere il nostro App Store – ma in realtà si fonda su questioni tecnologiche. Adobe afferma che noi siamo un sistema chiuso, e che Flash è aperto, ma in realtà è vero il contrario. Mi spiego.

In primo luogo, c’è “Open”.

I prodotti Adobe Flash sono al 100% proprietari. Sono disponibili solo da Adobe, e Adobe ha l’autorità esclusiva per il loro miglioramento, prezzi, ecc. Anche se i prodotti Adobe Flash sono ampiamente disponibili, questo non significa che sono aperti, dato che sono controllati interamente da Adobe e disponibili solo da Adobe . In quasi ogni definizione, Flash è un sistema chiuso.

Apple ha anche molti prodotti proprietari. Sebbene il sistema operativo per iPhone, iPod e iPad sia proprietario, crediamo fortemente che tutte le norme relative al web debbano essere aperte. Piuttosto che usare Flash, Apple ha adottato HTML5, CSS e JavaScript – tutti standard aperti. I dispositivi mobili di Apple vengono tutti distribuiti con alte prestazioni, con bassa potenza richiesta da questi standard aperti. HTML5, il nuovo standard web che è stato adottato da Apple, Google e molti altri, permette agli sviluppatori web di creare grafica avanzata, tipografia, animazioni e transizioni senza dipendere da plug-in di terze parti (come Flash). HTML5 è completamente aperto e controllato da un comitato di standardizzazione, di cui Apple è membro.

Apple crea anche standard aperti per il web. Per esempio, Apple ha iniziato con un piccolo progetto a sorgente aperta e ha creato WebKit, un completo motore di rendering HTML5 open source che è il cuore del browser web Safari usato in tutti i nostri prodotti. WebKit è stato ampiamente adottato. Google lo usa per il browser Android, Palm lo utilizza, Nokia lo utilizza, e anche RIM (Blackberry), ha annunciato che lo utilizzerà. Quasi tutti i browser per smartphone usano WebKit, esclusa Microsoft. Rendendo la propria tecnologia WebKit aperta, Apple ha fissato lo standard per i browser web mobile.

In secondo luogo, c’è il “full web”.

Adobe ha ripetutamente detto che i dispositivi mobile di Apple non possono accedere al web a pieno perché il 75% dei video sul web è in Flash. Quello che non dicono è che quasi tutti questi video sono disponibili anche in un formato più moderno, H.264 e visualizzabili su iPhone, iPod e iPads. YouTube, con circa il 40% del video del web, brilla in una applicazione disponibile da subito su tutti i dispositivi mobili di Apple, con iPad che offre forse la miglior esperienza di YouTube di sempre. Aggiungete a questo i video da Vimeo, Netflix, Facebook, ABC, CBS, CNN, MSNBC, Fox News, ESPN, NPR, Time, The New York Times, The Wall Street Journal, Sports Illustrated, Persone, National Geographic, e molti, molti altri. gli utenti iPhone, iPod e iPad non sentono molto la mancanza di video.

Un’altra affermazione di Adobe è che con i dispositivi Apple non si può giocare in Flash. Questo è vero. Fortunatamente, ci sono oltre 50.000 giochi e titoli di intrattenimento su App Store, e molti di loro sono gratuiti. Ci sono più giochi e titoli di intrattenimento disponibili per iPhone, iPod e iPad che per qualsiasi altra piattaforma al mondo.

In terzo luogo, c’è l’affidabilità, la sicurezza e prestazioni.

Symantec ha recentemente evidenziato Flash per avere uno dei record negativi di sicurezza nel 2009. Sappiamo anche di prima mano che Flash è il numero uno dei motivi per i crash su Mac. Stiamo lavorando con Adobe per risolvere questi problemi, ma hanno protratto per diversi anni. Noi non vogliamo ridurre l’affidabilità e la sicurezza dei nostri iPhone, iPod e iPad con l’aggiunta di Flash.

Inoltre, Flash non ha funzionato bene su dispositivi mobili. Abbiamo chiesto di continuo ad Adobe di mostrarci un buon rendimento di Flash su un dispositivo mobile, un dispositivo mobile qualunque, per alcuni anni. Non lo abbiamo mai visto. Adobe ha pubblicamente detto che avrebbe distribuito Flash su uno smartphone nei primi mesi del 2009, poi la seconda metà del 2009, poi il primo semestre del 2010, e ora dicono nella seconda metà del 2010. Riteniamo che alla fine sarà distribuito, ma siamo contenti di non aver trattenuto il respiro. Chissà come andrà a finire?

In quarto luogo, c’è la durata della batteria.

Per ottenere una lunga durata della batteria quando si riproduce un video, i dispositivi mobili devono decodificare il video in hardware, la decodifica via software utilizza troppa energia. Molti dei chip utilizzati nei moderni dispositivi mobili contengono un decoder chiamato H.264 – uno standard industriale che viene utilizzato in ogni lettore DVD Blu-ray ed è stato adottato da Apple, Google (YouTube), Vimeo, Netflix e molte altre aziende.

Anche se Flash è recentemente aggiunto il supporto per H.264, il video su quasi tutti i siti web Flash richiede attualmente un decoder di vecchia generazione che non è implementato nei chip mobili e deve essere eseguito via software. La differenza è impressionante: su un iPhone, ad esempio, video H.264 può essere riprodotto fino a 10 ore, mentre i video decodificato via software durano per meno di 5 ore prima che la batteria sia completamente scarica.

Quando i siti web di ri-codificano i video in H.264, possono offrirli senza alcun utilizzo di Flash. Vengono riprodotti perfettamente nei browser, come Safari di Apple e Chrome di Google senza alcun plugin di sorta, e si vedono perfettamente su iPhone, iPod e iPad.

In quinto luogo, c’è “Touch”.

Flash è stato progettato per i PC con il mouse, non per touch screen con le dita. Per esempio, molti siti web Flash contano sul “rollover”, che fa “popupappare” i menu o altri elementi quando la freccia del mouse si sovrappone su un punto specifico. L’interfaccia rivoluzionaria multi-touch di Apple non utilizza un mouse, e non esiste il concetto di roll-over. La maggior parte dei siti Flash dovrà essere riscritto per supportare dispositivi touch-based. Se gli sviluppatori devono riscrivere i loro siti web in Flash, perché non usare tecnologie moderne come HTML5, CSS e JavaScript?

Anche se iPhone, iPod e iPad utilizzassero Flash, non si risolverebbe il problema che la maggior parte dei siti Flash hanno bisogno di essere riscritti per supportare dispositivi touch-based.

In sesto luogo, il motivo più importante.

Oltre al fatto che Flash è chiuso e proprietario, ha importanti inconvenienti tecnici, e non supporta i dispositivi basati sul tocco, c’è una ragione ancora più importante per la quale non è consentito Flash su iPhone, iPod e iPad. Abbiamo discusso gli aspetti negativi di usare Flash per riprodurre video e contenuti interattivi di siti web, ma Adobe vuole anche permettere ai sviluppatori di adottare Flash per creare applicazioni che girano sui nostri dispositivi mobili.

Sappiamo per dolorosa esperienza che lasciando uno strato di software di terze parti tra la piattaforma e lo sviluppatore, applicazioni sub-standard ostacolano il miglioramento e il progresso della piattaforma. Se la crescita degli sviluppatori dipendesse dallo sviluppo di librerie e strumenti di terze parti, possono trarre vantaggio da miglioramenti della piattaforma solo quando e se i terzi sceglieranno di adottare le nuove funzionalità. Non possiamo essere in balia di terzi di decidere se e quando faranno i miglioramenti a disposizione dei nostri sviluppatori.

Ciò diventa ancora peggiore se i terzi forniscono uno strumento di sviluppo multi piattaforma. I terzi non potranno adottare miglioramenti da una piattaforma a meno che siano disponibili su tutte le loro piattaforme supportate. Di qui gli sviluppatori avranno accesso solo al minimo denominatore comune set di funzionalità. Ancora una volta, non possiamo accettare un risultato dove ad esser bloccati sono gli sviluppatori che non possono utilizzare le nostre innovazioni e miglioramenti in quanto non sono disponibili sulle piattaforme del nostri competitor.

Flash è un tool di sviluppo cross piattaforma. Non è obiettivo di Adobe aiutare gli sviluppatori a scrivere le migliori applicazioni per iPhone, iPod e iPad. E’ loro obiettivo aiutare gli sviluppatori a scrivere applicazioni cross-platform. E Adobe è stata dolorosamente lenta ad adottare miglioramenti alle piattaforme di Apple. Ad esempio, anche se Mac OS X è disponibile da quasi 10 anni, Adobe lo ha appena adottato totalmente (Cocoa) solo due settimane fa quando hanno rilasciato la CS5. Adobe è stato l’ultimo grande sviluppatore di terze parti di adottare integralmente Mac OS X.

La nostra motivazione è semplice – vogliamo fornire la piattaforma più avanzata e innovativa per i nostri sviluppatori, e vogliamo che stiano in piedi direttamente sulle spalle di questa piattaforma e creare le migliori applicazioni che il mondo abbia mai visto. Vogliamo migliorare continuamente la piattaforma di modo che gli sviluppatori possono creare ancora più sorprendenti, potenti, divertenti e utili applicazioni. Tutti vincono – vendiamo più dispositivi, perché abbiamo le migliori applicazioni, gli sviluppatori raggiungono un pubblico sempre più ampio e gli utenti sono sempre felici di avere la migliore e più vasta scelta di applicazioni su qualsiasi piattaforma.

Conclusioni.

Flash è stato creato durante l’era del PC – per PC e mouse. Flash è un business di successo per Adobe, e possiamo capire perché si vuole spingere oltre il PC. Ma l’era mobile è su dispositivi di bassa potenza, con interfacce touch e gli standard web aperti – tutte le zone in cui Flash non riesce bene.

La valanga di mezzi di comunicazione che offrono i loro contenuti per dispositivi mobili di Apple dimostra che Flash non è più necessaria per guardare video o consumare qualsiasi tipo di contenuto web. E i 200.000 applicazioni su App Store di Apple dimostrano che Flash non è necessario per decine di migliaia di sviluppatori per creare applicazioni graficamente ricche, compresi i giochi.

I nuovi standard aperti creati in epoca mobile, come HTML5, vinceranno su dispositivi mobili (e anche sui PC). Forse Adobe dovrebbe concentrarsi maggiormente sulla creazione di grandi strumenti per HTML5 in futuro, e meno a criticare Apple per lasciare il passato alle spalle.

Ieri Facebook ha introdotto la possibilità di portare il suo famosissimo tasto “mi piace” all’interno di qualunque sito. Questo ci permette con un click di far sapere all’autore il nostro gradimento e allo stesso tempo di renderlo noto ai nostri amici, la notifica infatti verrà visualizzata sulla nostra bacheca. Basterà essere già loggati sul social network.

Facebook sta permettendo a chi ha un sito web, di renderlo sempre più sociale grazie al successo del suo Facebook Developers, ovvero, l’insieme di strumenti e API (Application Programming Interface) che il team di Facebook ha messo a disposizione degli sviluppatori per integrare nei siti web le tecnologie del famoso social network. Da questi strumenti sono stati creati i Social Plugins, che altro non sono che porzioni di codice che permettono di integrare componenti social nei propri siti. Splesh! ne utilizza soprattutto due, entrambi nella sidebar: il contatore dei fan delle nostre pagine e da ieri anche il tasto “mi piace” che permette di farci sapere quanto vi gradisce l’articolo che state leggendo.

Grazie alla pagina dedicata, basta inserire alcuni campi da personalizzare come ad esempio l’url della pagina, la dimensione del box o lo schema di colori, per ricevere il codice da inserire nel proprio sito. Inserirlo all’interno di WordPress richiede alcune piccole modifiche, sempre se vogliate riferire il tasto alla singola pagina visualizzata e non al vostro sito. Infatti il codice che Facebook ci mette a disposizione è relativo ad un solo URL, quello che gli abbiamo passato per ottenere lo script, mentre io avevo bisogno di un URL per ogni articolo. Per fare questo, sono bastate poche righe di codice PHP.

Prima di tutto, aggiungi questa funzione al file functions.php:

<?php
function curPageURL() {
 $pageURL = 'http';
 if ($_SERVER["HTTPS"] == "on") {$pageURL .= "s";}
 $pageURL .= "://";
 if ($_SERVER["SERVER_PORT"] != "80") {
 $pageURL .= $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
 } else {
 $pageURL .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
 }
 return $pageURL;
}
?>

Questa funzione restiuisce l’url dell’attuale pagina che stiamo visitando. Richiamandola nel codice ottenuto da Facebook, sostituendolo all’url, sarà possibile personalizzare il tasto mi piace adattandolo ad ogni articolo o pagina che visualizzeremo. Io ho inserito il codice all’interno del file single.php che è relativo alla presentazione di ogni singolo articolo, ma la stessa cosa vale benissimo anche per il file page.php qualora il vostro obiettivo fosse quello di pubblicare il bottone nelle pagine.

<?php
 echo curPageURL();
?>

Fatto! Ora il vostro bottone “mi piace” sarà relativo alla pagina in cui viene caricato e i vostri visitatori potranno premerlo per condividere su Facebook il loro gradimento.