La fiducia di Apple in HTML5 non è una novità. La mela crede molto nelle potenzialità di questo standard, che può garantire pagine ricche e interattive anche a dispositivi come iPhone e iPad, senza dover usare plugin come Flash.
Ora però Apple ha pubblicato sul suo sito una vera e propria dichiarazione d’amore, con una pagina dedicata agli standard del web. Da questa nuova sezione di Apple.com è possibile provare alcune demo che dimostrerebbero le potenzialità del linguaggio HTML5 in diversi ambiti, come il video, la tipografia e le gallerie fotografiche. Da notare che per la visualizzazione di tutte queste pagine viene richiesto obbligatoriamente l’uso di Safari. Come ormai d’ordinanza nelle dimostrazioni Apple, non manca un esempio marchiato Disney, cioè il trailer dinamico di Tron.
Oltre al sito promozionale, Apple rimanda gli sviluppatori anche ad una pagina dedicata, con risorse e lezioni sull’HTML5. Queste nuove pagine ospitano anche l’ormai celebre lettera di Jobs contro la tecnologia Flash, diventandone forse un’argomentazione più convincente delle tante parole scritte fino ad oggi.
Seguici
melablog è un supplemento alla testata Blogo.it registrata presso il Tribunale di Milano n. 487/06, P. IVA 04699900967. Contatti, Chi siamo, Condizioni di utilizzo, Privacy.
© 2004-2012 Blogo.it, alcuni diritti riservati sotto licenza Creative Commons.
Per informazioni pubblicitarie e progetti speciali su Melablog.it contattare la concessionaria esclusiva Populis Engage.
jjsaccolo
04 giu 2010 - 11:59 - #1peccato che tutta questa “apertura mentale” all’html5 sia invece legata SOLO a safari!
insomma Apple… ci sono altri browser che supportano (anche meglio) l’html5, perchè devi escluderli dalla tua pagina!??!!?
trollone
04 giu 2010 - 12:00 - #2>Da notare che per la visualizzazione di tutte queste pagine viene richiesto obbligatoriamente l’uso di Safari.
con user agent switcher si vedono tranquillamente.
v3g3
04 giu 2010 - 12:37 - #3Hanno uno strano concetto di “standard”, avranno registrato il brevetto sulla parola cambiandone il significato?
die81
04 giu 2010 - 12:48 - #4nn è questo il punto..perchè venite su questo blog? non capisco…
cmq dopo aver visto html5 al lavoro non ci sono piu dubbi…flash ha i mesi contati…
HGW
04 giu 2010 - 12:53 - #5Ciao, ho cambiato l’user agent in Firefox ma a quanto pare effettivamente FF non riesce a fare le cose che Safari. Provate ad esempio ad utilizzare web typography e vi accorgerete che in Firefox molte cose o non vengono proprio eseguite (non funzionano proprio) o vengono eseguite male.
Penso che Apple abbia limitato safari per quello. Con Chrome non ho provato in quanto non so bene la procedura per cambiare UA e ora ho poco tempo ma se qualcuno vuole provare…
toni_acca
04 giu 2010 - 13:33 - #6Ma che brava che sei Apple!
Fai una pagina dedicata ai “web standards” (… Standards aren’t add-ons to the web. They are the web. And you can start using them today…) ma poi mi costringi a vedere queste pagine SOLO SE HO IL TUO BROWSER??
Raus!
gianl
04 giu 2010 - 14:02 - #7veramente ridicolo…
ok _se hai Safari_ vedi delle cose carine: ma a livello di occupazione CPU siamo messi veramente così meglio di Flash??
v3g3
04 giu 2010 - 14:27 - #8Flash non vuol dire: player youtube, gallery animata…ci sono moltissime cose che html5 se le scorda però alla fine se non fanno qualcosa per i consumi di cpu come tecnologia non ha futuro nel mobile.
le0x
04 giu 2010 - 14:28 - #9@gianl
Direi proprio di sì, siamo messi meglio!
accapi
04 giu 2010 - 14:35 - #10@v3g3: quali sarebbero le cose che html5 non è capace di fare? potrei farti vedere un esempio in html5 per ogni cosa che flash è in grado di fare…
Vediamo…
e anche qualcosa che flash non è in grado di fare….
I.
04 giu 2010 - 14:42 - #11Non è possibile vedere i video in full screen, il demo VR non funziona neanche su safari per windows: ridicolo.
le0x
04 giu 2010 - 14:52 - #12@I.
Ma cosa stai dicendo?! vai su youtube (versione html5) e ti vedi un video in full screen… prima di sparare certe cavolate bisognerebbe cercare per lo meno di informarsi.
Gurzo83
04 giu 2010 - 14:56 - #13che bello definire un qualcosa standard quando è ancora in draft LOL
accapi
04 giu 2010 - 15:05 - #14pubblichiamo un po di esempi che vi faranno capire le potenzialità di una piattaforma non ancora definita del tutto ma che già regge il confronto con una tecnologia (flash) che vanta più di 10 anni di esperienza.
Animazioni complesse:
http://guciek.net/test/burn/
http://mrdoob.com/projects/chromeexperiments/ball_pool/
http://mrdoob.com/lab/javascript/effects/water/02/ (questa in flsh non l’ho mai visto!!)
http://craftymind.com/factory/html5video/CanvasVideo.html (anche questo con flash non si può fare)
http://the389.com/experiment/
Giochi:
elenco di centinaia di giochi di tutti i tupi in html5:
http://www.canvasdemos.com/type/games/
http://stewdio.org/pong (flash non è in grado di interagire nativamente con le finestre del browser)
applicazioni di grafica complete come photoshop e lightroom:
http://mugtug.com/sketchpad/
http://mugtug.com/darkroom/
questo solo per iniziare…
materkind
04 giu 2010 - 15:06 - #15scusate ma l’avete letto il messaggio di HGW?
ho fatto come ha detto e infatti con firefox non va una cippa. Con safari si fa tutto con firefox no.
Quindi magari prima di sparare a zero informatevi.
toni_acca
04 giu 2010 - 15:25 - #16@accapi
In HTML5 puoi fare questa cosa qui?
http://it.bzero1.bulgari.com/#/home
LOL
infiniteloop
04 giu 2010 - 15:29 - #17accapi
il discorso non è quello che può fare.
si parla di tecnologia per animere, l’unico limite è la fantasia di chi crea.
la vera differenza è che non ha un proprietario!
non servono plug-in da aggiornare continuamente per funzionare, basta il browser!
sveglia gente.
infiniteloop
04 giu 2010 - 15:30 - #18toni acca
sì, può fare anche quello, è un’animazione. l’animazione si può fare con un milione di cose.
accapi
04 giu 2010 - 15:33 - #19@toni_acca
SI .) il fatto che non ci sia è perché i “creativi” non si sono ancora buttati sull’html5 ma presto lo faranno!
HTML5 (come flash) è un mezzo non un fine… negli esempi che ho postato prima ci sono tutte le basi per creare un sito come quello di bulgari (e anche più complesso) per esempio video di sfondo (tag video) + effetti di animazione (javascript + tag canvas). gli esempi che ho postato bisogna analizzarli nell’ottica della pura tecnologia…
Poi in futuro, starà al creativo “mixarle” assieme per ricavare un prodotto che all’occhio dell’utente finale sembri “cool” etc etc..
Ti posso assicurare che dal punto di vista di programmazione il sito di bulgari non è per nulla compesso! ciò non toglie che ci sia un grande ed ottimo lavoro di comunicazione design e marketing! ;)
Gurzo83
04 giu 2010 - 15:34 - #20@accapi
hai provato a vedere quanto consumano di cpu alcune animazioni complesse? beh non sfigurano di certo contro il vorace flash…per cui vantaggi veri? mah
ps non paragonare giochini in html5 a sw come photoshop o ligthroom ;)
toni_acca
04 giu 2010 - 15:38 - #21@accapi
“gli esempi che ho postato bisogna analizzarli nell’ottica della pura tecnologia…”
ma non erano web standards?
LOL LOL LOL
I.
04 giu 2010 - 15:42 - #22@leox,
mi riferivo a questi demo, non ad html5 in generale. E ho tralasciato volutamente che funzionano solo su safari perché era stato già ampiamente sottolineato
infiniteloop
04 giu 2010 - 15:42 - #23Se siete curiosi di sapere come è messo il vostro browser in fatto di HTML5.
http://html5test.com/
korez
04 giu 2010 - 15:46 - #24Una pagina dedicata all’HTML5 e poi richiede Safari. Mi tengo Google Chrome ;)
Good job Apple.
HGW
04 giu 2010 - 15:47 - #25forse vi sfugge che flash esiste da decenni mentre html5 è solo agli inizi. Inoltre su iPad quel che basta al momento sono video e poco altro. E quello c’è. Poi le potenzialità di html5 sono enormi.
Certo è singolare vedere la stesse persone che tutti i giorni sono contro chiusure e a favore dell’open e di internet, sono poi le prime che inneggiano a drogare la rete con un plugin proprietario e chiuso.
Il fatto è che di qua c’è Apple e allora bisogna remare contro anche a ciò che di buono la rete può offrire. Apple fa una sua scelta e non impone niente a nessuno. Teniamo il flash a vita o andiamo avanti? Nessuno dice che domattina flash sparisce. Si dice solo che html5 sta facendo la sua bella strada e non capisco perchè bisognerebbe tifare per flash. Cioè lo capisco, ma molte delle persone che lo fanno nel 2006 non avrebbero mai creduto di arrivare a tanto.
accapi
04 giu 2010 - 15:48 - #26@infiniteloop
infatti sono d’accordo con te! ma ciò non toglie che tra mille strumenti, HTML5 è anche comodo e funzionale (oltre che aperto e standard) e intrinsecamente migliore di flash per una serie di motivi:
- è una tecnologia nuova pensata apposta per non ripetere gli stessi “errori” di flash.
- è un linguaggio interpretato e non semi-compilato come i file .swf: gli swf sono semi-compilati perché si parte da un sorgente .fla per arrivare ad un’altro sorgente .swf che a sua volta ha bisogno di un plug-in (proprietario) per funzionare; invece un linguaggio interpretato direttamente nel browser porta diversi guadagni oltre che prestazionali anche di comodità perché puoi eseguire modifiche al volo senza ricompilare tutto ogni volta!
- HTML5 di per se non fa nulla di nulla (non è altro che un normale linguaggio di markup) per funzionare come si deve ha bisogno di un linguaggio lato server (supportato nativamente essendo una pagina web non come flash) e lato client per andare ad animare e “riempire” gli elementi dinamici come i tag VIDEO AUDIO E CANVAS questi linguaggi non sono prestabiliti quindi nessuno vieta di utilizzare lato server php asp ruby etc… e lato client Javascript (ma se il browser lo subborta si potrebbe usare anche Object-C, C++, .NET etc.. con vantaggio indubbio per lo sviluppatore
- Supporto all’opengl con le estensione WebGL
…
potrei continuare ancora… ma per ora mi fermo qui
HGW
04 giu 2010 - 15:53 - #27ripeto che ho provato su Firefox il tutto e alcune cose non vanno.
su Chrome qualcuno ha provato?
ci ho installato user agent switcher come estensione ma non funziona….se qualcuno riesce a provare con Chrome lo scriva qui. Teoricamente non dovrebbe avere problemi visto che a livello di compatibilità è anche meglio di Safari, ma avrei detto lo stesso per FF e invece alcune cose non vanno o vanno male.
accapi
04 giu 2010 - 15:58 - #28@HGW
su chrome vanno anche meglio che su safari
su opera vanno meglio che su safari
su firefox non vanno (almeno alcune cose) ma andranno “discretamente” dalla versione 4
su ie “dovrebbero andare dalla 9″
La apple (furbamente) ha messo semplicemente un controllo sullo User Agent per portare l’utente medio a scaricare il SUO browser ma HTML5 e pienamente supportato anche da opera, chrome ed in parte da firefox
Gurzo83
04 giu 2010 - 16:17 - #29@accapi
html5 non + ancora uno standard…non facciamo disinformazione…quando verrà ratificato e verrano delineati bene alcuni aspetti( come il tag video e audio) allora se ne potrà riparlare…e nel caso obbligare tutti browser a supportare pienamente l’html5 e altre tecnologie a esso collegati( fare uno standard e poi ogni browser lo implementa a modo suo non serve a nulla)…ma spacciare ora l’html5 come standard è ridicolo…
@HGW
belo spingere uno standard aperto che però forse userà un codec video proprietario ;)
ps gli altri browser supportano una minima parte dello pseudo-standard…per avere una implementazione totale bisognerà aspettare la ratificazione a standard( si vocifera tra un bel pò di anni)
accapi
04 giu 2010 - 16:30 - #30@Gurzo83
hai pienamente ragione ma da qualche parte bisogna pur partire!
Ricordo a tutti che il protocollo wi-fi n è stato usato da tutti (apple compresa) prima ancora che diventasse standard ma una volta diventato standard non è che ho buttato via il mio MBP perché ognuno ha creato il suo wi-fi N (perché tutti hanno seguito le specifiche ufficiali anche se non complete)
La stessa cosa vale per HTML5 le specifiche anche se non ancora chiuse definitivamente sono ormai a grandi linee definite mancano solo gli “ultimi ritocchini”.
Per il codec video, HTML5 è sviluppato per funzionare con qualsiasi codec H.264 purtroppo al giorno d’oggi è il migliore ma google sta spingendo per il WebM e molto probabilmente (essendo appoggiato da Microsoft) si userà quello per cui di cosa ti preoccupi…!?
accapi
04 giu 2010 - 16:36 - #31e comunque già adesso e più a standard di flash ;)
HGW
04 giu 2010 - 16:54 - #32gurzo
comunque la rete è da sempre basata su html quindi non si tratta di spingere nulla. E’ il corso naturale delle cose. html è la rete. flash no. Poi uno sceglie ma di certo tra le due cose la via più naturale è html. Poi i formati variano, ad esempio google ha scelto il vp8. Ma non è un problema. Anche firefox supportava theora ma nel codice bastava mettere e basta mettere sia il link al file in h.264 che al file in .ogv. E via dicendo. Il formato non sarà un grosso problema. Certo, un solo formato per tutti risolverebbe più velocemente le cose ma Apple ha sostenuto h.264 in quanto qualitativamente è sempre stato il migliore. E lo è tutt’ora.
accapi
IE è sempre l’ultimo della fila, non per niente non l’ho nemmeno nominato. Firefox al momento non supporta quelle cose. Parlavo di adesso, non del futuribile.
Circa gli altri “pienamente” non direi in quanto ci sono alcune cose che ogni browser non fa (dato che nessun browser arriva a 160/160). Non ho capito: hai provato chrome con quelle apps in html5? in caso dimmi come hai fatto o indicami l’estensione per cambiare l’user agent perchè quella che ho provato io non funzionava. Me la indichi? grazie.
HGW
04 giu 2010 - 17:32 - #33accapi
comunque i browser ottengono questi punteggi se vai su html5test
firefox 100 su 160
opera 102 su 160
safari 113 su 160
chrome 142 su 160
Quindi sicuro di aver provato con opera? Se con FF dà quei risultati immagino che anche con Opera non faccia diversamente. Infatti anche Gruber sottolinea che alcune di quelle cose vengono bene solo in Safari. Però ho i miei dubbi su chrome nel senso che credo che chrome sia l’unico a tenere botta anche perchè è migliore e non di poco come supporto ad html5 anche se bisogna vedere “in cosa”. Stasera testo.
accapi
04 giu 2010 - 18:04 - #34chrome e safari sono (in certi limiti) la stessa cosa perchè utilizzano entrambi WebKit Le uniche differenze sono che Chrome ha una versione di webkit più aggiornata rispetto a safari e un motore javascript differente. infatti webkit di apple ufficiale che trovi qui: http://nightly.webkit.org/ ; fa 137 punti
opera in effetti da qualche problemino ma meno di firefox perchè anche se i punti sono diversi opera e compatibile con le funzioni usate da apple mentre firefox in altre che in questi esempi non sono usati…
accapi
04 giu 2010 - 18:11 - #35per cambiare user agent in chrome
http://moi.cirne.com/index.php/2009/12/19/setting-user-agent-for-mac-chrome/
accapi
04 giu 2010 - 18:36 - #36Per provare gli esempi apple da qualsiasi browser cliccate qui:
http://developer.apple.com/safaridemos/showcase/video/
http://developer.apple.com/safaridemos/CanvasPixelManipulation/
http://developer.apple.com/safaridemos/showcase/transitions/
http://developer.apple.com/safaridemos/showcase/threesixty/
http://developer.apple.com/safaridemos/showcase/typography/
hgw27.net
04 giu 2010 - 20:07 - #37accapi
grazie ;)
hgw27.net
04 giu 2010 - 20:12 - #38sia in safari che in chrome la cosa del 360° va non alla perfezione. Mentre in safari la cosa del ridimensionare il video e le transizioni sono un po’ più fluide. Ma poi riprovo dall’iMac.
Vivalafoca2lavendetta
04 giu 2010 - 21:04 - #39Su safari mobile da iPad funziona tutto alla perfezione.
gregbyankee
04 giu 2010 - 21:10 - #40accapi, ti stimo!! mi hai chiarito non poco le idee, e a tutti quelli che invecene attaccano Apple solo perchè non supporta una diffusa tecnologia proprietaria e chiusa (oltre che lenta e poco performante su dispositivi mobili) posso dire di andare farsi benedire. (da steve jobs ovviamente ;-)
happytobehappywith
04 giu 2010 - 21:51 - #41Grazie accapi! Grandissimo contributo!
miamibitch
04 giu 2010 - 23:21 - #42accapi
ma se io ho il mio sito con wordpress devo aspettare che l’hosting munisca il lato server delle specifiche html5? o devo farmi io tutto in html5? come funziona? se ho un blog, sito mio e uso wp come cms posso già ora mettere video o altri elementi in html5? grazie.
Gurzo83
05 giu 2010 - 03:13 - #43@HGW
il formato è la chiave..dato che se html5 deve essere uno standard anke il codec video deve essere unico per tutti…altrimenti ci ritroviamo nel caos come sempre…
apple spinge h.264 non perchè sia il migliore( di esso esistono varie implementazioni più o meno valide e il migliore è l’x.264)ma perchè fa parte del consorzio come lo è ms
@accapi
mancheranno anke solo ritocchini come dici tu..ma si parla di molti anni prima che html5 venga ratificato…se mancano solo ritocchini perchè ci metterebbero così tanti anni a ratificarlo?
per lo standard n…tutti produttori si sono basati sul draft2.0, al momento del rilascio ufficiale si era arrivati al draft 8.0 con l’introduzione di altre tecnologie e velocità maggiori rispetto ai primi draft
MACOSAL5virgola32
05 giu 2010 - 03:25 - #44Per il 2011 html5 sarà stra ratificato.
John Gruber dice che chrome non supportta alcune cose di quelle di cui sopra
Google’s fork of WebKit does not support all of the 3D transform features that Apple’s does
quindi safari è l’unico su cui tutte quelle cose vanno al 100%
accapi
05 giu 2010 - 10:28 - #45@miamibitch
Si, puoi già usarli . Html5 non va ad intaccare i linguaggi lato server che rimangono sempre gli stessi… naturalmente wordpress avrà qualche estensione per inserire automaticamente video animazioni e audio in html5 ma non usandolo non saprei quale… Se hai una buona conoscenza di JavaScript CSS3 e Ajax puoi fare tutto già ora (naturalmente si vedranno solo su browser html5 compatibili)…
conte_mascetti
07 giu 2010 - 12:14 - #46La potenzialità c’è però è pesantissimo, più di flash.