Adakah yang bisa mendaftar beberapa contoh nyata 'HTML5' yang digunakan di alam liar?

Saya menggunakan HTML5 dengan cara yang sama setiap orang tampaknya menggunakannya hari ini, artinya: tag HTML5, Canvas / 3D / javascript dan CSS3.

Saya berjuang untuk menemukan contoh situs yang menggunakan teknologi ini secara praktis dan yang bukan hanya demo dari sesuatu yang keren yang berhasil dilakukan seseorang dengan menggunakan transformasi atau bentuk Canvas atau CSS3.

Saya mencari situs yang memiliki tampilan visual yang bagus tetapi juga memanfaatkan hal-hal seperti animasi, menggulir dan mengimbangi à la Silverback atau Canvas untuk membuat situs yang interaktif dan saya kira 'Flash-looking'.

Ini adalah beberapa contoh yang saya temukan:

Bergulir

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

Animasi

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

Lain

• http://www.pirateslovedaisies.com/

Saya menggunakan HTML5 secara longgar dan saya benci menggunakannya. Saya akan senang jika Anda mendaftar situs berbasis Javascript yang benar-benar menarik tetapi tidak memiliki doctype HTML5.

Saya menemukan 2 situs ini sebagai contoh yang baik & praktis dari penggunaan HTML5 -

• “ 20 Hal yang Saya Pelajari tentang Peramban dan Web ” adalah panduan bergambar online dari Google yang ditujukan untuk pengguna biasa. Ada rencana untuk membuka kode sumber .
• Referensi JavaScript Stephen Walther dibuat dengan HTML5 & jQuery. The source code & penjelasan tentang bagaimana itu dibangun tersedia dari blog penulis.

Jaringan Stack Exchange (di mana situs ini menjadi anggotanya) menggunakan HTML5 untuk otentikasi . Itu sebabnya Anda dapat mengunjungi situs mana saja di jaringan dan setelah Anda masuk secara manual setidaknya sekali, itu akan secara otomatis masuk Anda nanti .

Cobalah - jika Anda memiliki keanggotaan di lebih dari satu situs (katakan, di sini dan Stack Overflow), kosongkan semua cookie dan file sementara Anda. Kemudian masuk di sini, dan kemudian pergi ke Stack Overflow dan jangan masuk. Berikan beberapa detik dan itu akan secara otomatis masuk Anda, meskipun domain sama sekali berbeda.

Ya, sebenarnya, saya sudah melakukannya sejak lama ... 2-3 tahun yang lalu, saya kira. Saya membuat situs web yang pada dasarnya memungkinkan orang untuk memindahkan barang di denah lantai untuk melihat apakah furnitur mereka cocok. Itu dilakukan dengan JavaScript, tetapi masalahnya adalah bahwa JavaScript tidak memiliki cara yang sangat baik untuk memutar furnitur.

Kembali ketika IE tidak mendukung tag kanvas, ini berarti menggunakan gambar yang berbeda untuk 0,5,10 ... 85-derajat, dan kemudian saya memutar gambar-gambar dengan 0, 90, 180, atau 270 derajat di Untuk menutupi rotasi 90-355 derajat. Tidak hanya itu menjengkelkan untuk dibuat, tetapi cukup lambat dalam pelaksanaannya. FF, yang mendukung label kanvas, dapat memutar furnitur cukup banyak secara real-time, tetapi rotasi IE-nya cukup mengerikan. IE membutuhkan waktu antara 0,75 dan 1,00 detik untuk merespons, dan melakukannya dengan peningkatan 5 derajat sangat menyebalkan.

Berikut ini adalah situs web mirip flash yang dibuat oleh Chris Coyier dari CSS-Tricks.com: http://chris-mcgarry.com

Chris terutama menggunakan JQuery di sini, dengan tujuan agar pengunjung dapat memutar trek musik dan menavigasi ke halaman mana pun tanpa musik berhenti.

Chris adalah pendukung kuat menggunakan Html5 sekarang. Contoh ini tidak benar-benar menggunakan banyak elemen Html5, tetapi benar-benar menangkap semangat masa depan yang bebas flash.

Situs kami ( Kami, Piksel ) didirikan dengan menggunakan kanvas HTML5. Kami menggunakannya dengan cara yang biasanya digunakan Flash, dan sebenarnya harus menggunakan Flash untuk IE, karena excanvas tidak memotongnya untuk apa yang kami butuhkan.

Situs ini tidak semuanya kanvas, tetapi komponen aplikasi utamanya adalah.

Scribd menggunakan HTML5

Saya tidak yakin mengapa Anda akan meminta contoh halaman berbasis HTML5 tanpa doctype HTML5 sederhana - Saya ingin peralihan tegas untuk mode itu. Bagaimanapun, situs ini menggunakan prinsip halaman tunggal yang agak luas dengan grafik yang diterapkan secara kontekstual menggunakan teknik HTML5 dan CSS3: https://www.airbnb.com/annual/