Qualcuno può elencare alcuni esempi reali di "HTML5" utilizzato in natura?

Sto usando HTML5 nello stesso modo in cui tutti sembrano usarlo in questi giorni, il che significa: tag HTML5, Canvas / 3D / javascript e CSS3.

Faccio fatica a trovare esempi di siti che utilizzano praticamente queste tecnologie e che non sono solo una dimostrazione di qualcosa di interessante che qualcuno è riuscito a fare usando trasformazioni o forme di Canvas o CSS3.

Sto cercando siti che abbiano un bell'aspetto visivo ma approfittino anche di cose come l'animazione, lo scorrimento e l'offset alla Silverback o alla tela per creare un sito interattivo e immagino "dall'aspetto Flash".

Questi sono alcuni esempi che ho trovato:

Scorrimento

• http://nikebetterworld.com/
• http://benthebodyguard.com/

Animazione

• http://www.elladesign.com/contact.html

Altro

• http://www.pirateslovedaisies.com/

Sto usando HTML5 liberamente e odio usarlo. Sarei felice se avessi elencato un sito basato su Javascript visivamente accattivante ma non avesse il doctype HTML5.

Trovo che questi 2 siti siano buoni e pratici esempi di utilizzo di HTML5 -

• " 20 cose che ho imparato sui browser e sul Web " è una guida illustrata online di Google rivolta agli utenti occasionali. Ci sono piani per open-source il codice .
• Il riferimento JavaScript di Stephen Walther creato con HTML5 e jQuery. Il codice sorgente e spiegazione su come è stata costruita è disponibile dal blog dell'autore.

La rete Stack Exchange (di cui fa parte questo sito) utilizza HTML5 per la sua autenticazione . Ecco perché puoi visitare qualsiasi sito della rete e, una volta effettuato l'accesso manualmente almeno una volta, effettuerà automaticamente l'accesso in un secondo momento .

Provalo - se disponi di un'iscrizione su più di un sito (ad esempio, qui e Stack Overflow), cancella tutti i tuoi cookie e file temporanei. Quindi accedi qui, quindi vai su Stack Overflow e non accedere. Dagli qualche secondo e ti accederà automaticamente, anche se i domini sono totalmente diversi.

Sì, in effetti, l'ho fatto molto tempo fa ... 2-3 anni fa, immagino. Ho creato un sito Web che sostanzialmente consente alle persone di spostare le cose su una planimetria per vedere se i loro mobili si adattano. È stato fatto con JavaScript, ma il problema era che JavaScript non aveva un ottimo modo per ruotare i mobili.

Quando IE non supportava il tag canvas, questo significava usare un'immagine diversa per 0,5,10 ... 85 gradi, e quindi ruotavo quelle immagini di 0, 90, 180 o 270 gradi in per coprire rotazioni da 90 a 355 gradi. Non solo è stato fastidioso da creare, ma è stato piuttosto lento nella sua esecuzione. FF, che supportava il tag canvas, poteva ruotare i mobili praticamente in tempo reale, ma la rotazione di IE era piuttosto terribile. IE ha impiegato tra 0,75 e 1,00 secondi per rispondere, e farlo a incrementi di 5 gradi è stato terribilmente fastidioso.

Ecco un elegante sito in stile flash realizzato da Chris Coyier di CSS-Tricks.com: http://chris-mcgarry.com

Chris usa principalmente JQuery qui, con l'obiettivo di un visitatore di riprodurre i brani musicali e navigare su qualsiasi pagina senza interrompere la musica.

Chris è un forte sostenitore dell'utilizzo di Html5 ora. Questo esempio non utilizza davvero molti elementi Html5, ma cattura davvero lo spirito di un futuro senza flash.

Il nostro sito ( We, the Pixel ) è basato sull'utilizzo della tela HTML5. Lo usiamo in un modo in cui Flash verrebbe normalmente usato, e in effetti dovevo usare Flash per IE, perché gli escanva non lo stavano tagliando per quello di cui avevamo bisogno.

Il sito non è tutto canvas, ma è il componente principale dell'applicazione.

Scribd sta usando HTML5

Non sono sicuro del motivo per cui potresti chiedere esempi di pagine basate su HTML5 senza il semplice doctype HTML5 - Vorrei il passaggio inequivocabile per quella modalità. Ad ogni modo, questo sito fa un uso piuttosto esteso del principio della singola pagina con grafica applicata contestualmente usando le tecniche HTML5 e CSS3: https://www.airbnb.com/annual/