Saya mengambil catatan ini untuk menjawab soalan yang anda ajukan baru-baru ini dalam komen sebuah artikel:
Bilakah masa yang tepat untuk mula merancang sepenuhnya dengan HTML5?
Baiklah, secara jujur, ia bergantung pada sasaran yang anda targetkan. Sekiranya anda tidak merancang pelawat anda menggunakan Internet Explorer (mis.: Halaman perisian Mac), mulailah sekarang dengan HTML5, tetapi jika anda memerlukan orang yang mempunyai IE untuk melihat laman web anda, lebih baik anda menunggu ...
Pada entri, selepas lompat 48 demo HTML5 yang luar biasa dan wajar dilihat. Hebat adalah sedikit.
Sumber | HongKiat
aAnimasi udioburst
Animasi yang selesa dan hebat dibuat dengan kanvas dan tag audio HTML5.
Kolam Bola
Dipamerkan dalam acara Google I / O terakhir, demo ini menunjukkan kepada anda betapa dinamiknya HTML5.
Blob Salad
Makhluk bertelur HTML5 yang akan menggembirakan anda.
bomo
Dengan Bomomo, anda dapat melihat pergerakan atom yang berbeza yang disimulasikan dengan HTML5.
Bola Penyemak Imbas
Kagum dengan bola HTML5 'penyemak imbas silang' ini.
Buih
Bersenang-senang dengan membuat gelembung terapung tanpa henti dengan warna yang berbeza.
Animasi Kartun Kanvas
Kartun HTML5 yang ringkas dan lucu yang membantu anda memahami apa yang boleh dilakukan oleh elemen kanvas HTML5.
Jam sejuk
Jam analog yang bagus dan disesuaikan yang dibina oleh HTML5 dan JavaScript.
Tayangan slaid Flickr PS3
Lihat foto Flickr anda dengan tayangan slaid gaya PS3 di penyemak imbas web.
Polaroid Interaktif
Demo interaktif yang berfungsi hampir sama dengan antara muka berbilang sentuhan.
Bunga Api JS
Nikmati momen bunga api dengan graviti dan kelajuan pilihan anda, dikuasakan oleh HTML5 dan Javascript.
Kaleidoscope
Kaleidoskop HTML5 yang sangat cantik dan futuristik.
Zarah Cecair
Animasi zarah sensitif yang bertindak balas berdasarkan pergerakan tetikus anda.
Periuk
Satu lagi demo HTML5 yang sensitif dan hebat yang menunjukkan bagaimana elemen berdekatan bertindak balas dengan pergerakan tetikus anda.
Awan Nebula
Tersesat dengan nebula HTML5 yang menakjubkan ini.
Parallax
Lihat semua bentuk 2D dalam perspektif selari.
Animasi Zarah
Animasi zarah HTML5 yang elegan yang dapat membentuk mesej pilihan anda.
Spread
Tersesat dengan animasi penyebaran yang tidak berkesudahan ini.
Starfield
Animasi bidang bintang HTML5 yang sangat hebat yang akan mengubah arah dan kelajuan berdasarkan pergerakan tetikus anda.
Pemusnahan Video
Satu klik untuk melancarkan video yang sedang dimainkan.
Bentuk gelombang
Perhatikan bagaimana gelombang kanvas HTML5 bergerak dengan mengubah amplitud, panjang gelombang, lebar, dll.
Kesan 3D
Terkesan dengan animasi kanvas? Itu lebih banyak elemen kanvas HTML5 yang dapat dilakukan, dan ia dipanggil kesan 3D. Pembangun boleh bergantung pada elemen kanvas, DOM dan JavaScript untuk membuat kesan 3D, yang kemudian dapat dikembangkan menjadi animasi atau permainan 3D.
Canvas3D dan Flickr
Mempunyai pengalaman 3D sepenuhnya dengan strim foto Flickr.
Simulasi Kain
Simulasi kain berasaskan HTML5 yang realistik.
Monster Berkembang
Perhatikan raksasa yang berkembang menjadi makhluk yang rumit, salah satu penciptanya adalah HTML5.
Kotak Hadiah Google
Mesin carian gergasi Google dipersembahkan dalam paparan 3D yang boleh dimainkan.
Sentuhan JS
Pameran '3D on 2D Canvas' yang berkualiti tinggi dan realistik.
Penyampaian Data
Walaupun elemen kanvas HTML5 dapat digunakan untuk membuat animasi dan efek 3D, elemen ini juga dapat dilaksanakan untuk menyajikan data matematik.
Gnplot
Gnuplot, aplikasi plot data dalam versi HTML5.
RGrap
RGraph menyediakan pelbagai persembahan data seperti carta bar, bar kemajuan dan carta radar tradisional.
Permohonan Web
Pada akhirnya, dengan menggunakan semua kemungkinan yang digabungkan dengan HTML5 dan bahasa lain, seseorang dapat membuat aplikasi atau permainan interaktif yang dekat dengan aplikasi Flash.
Cat kanvas
Saksikan saudara Microsoft Paint masuk ke penyemak imbas web anda, dan ayahnya adalah HTML5.
CanvasMol
Aplikasi ilmiah yang dibina untuk membantu anda memahami struktur elemen bumi tertentu.
Pembina Kartun
Lukiskan gambar kartun yang menarik dengan pembina kartun yang minimum dan interaktif ini.
Seret Apa sahaja Di Sini
Seret apa sahaja yang boleh anda seret dalam demo untuk menunjukkan perincian.
Lakaran gartik
Aplikasi HTML5 asli yang membolehkan anda membuat beberapa gambar asas yang dapat disimpan ke dalam format gambar yang berbeza seperti jpeg atau png.
Lakaran Fizik
Lukiskan apa sahaja yang anda suka dan lihat bagaimana reaksi mereka dengan simulasi graviti.
Skrin padanan
Aplikasi lukisan HTML5 yang hebat yang membolehkan anda melukis dan mengedit gambar anda dengan tepat.
Ceramah kecil
Aplikasi web yang mengesahkan kedudukan geografi mesej berkaitan cuaca yang diperoleh dari Twitter, sehingga membentuknya menjadi peta 'cuaca sosial' berasaskan kanvas, agak remeh (seperti yang dinyatakan oleh pengarang) tetapi menarik.
Permainan
3Bosan
Anda tidak akan pernah merasa bosan sekiranya anda dapat terus menghindari ratusan peluru HTML5 pada saat berikutnya.
Breakout
Rebound bola untuk memecahkan semua batu bata.
Kanvascape
Bukan permainan, tetapi ini menunjukkan bagaimana HTML5 dapat digunakan untuk mengembangkan permainan penyemak imbas First Person Shooting.
Tangkaplah
Berapa banyak bola yang dapat anda hindari untuk mendapatkan kotak HTML5 yang menang?
Tindak balas rantaian
Rantai letupan untuk mencapai matlamat, jangan ketagih.
cubeout
Mainkan Tetris dalam paparan 3D dari atas ke bawah.
etchaPhizik
Lukis item untuk memindahkan bola ke bintang, jangan lupakan graviti.
Teka-teki jigsaw
Klik, putar dan lepaskan potongan teka-teki untuk menyelesaikan teka-teki berasaskan HTML5 ini.
Teka-teki slaid
Luncurkan kemenangan, permainan HTML5 lain yang dibina untuk memerah jus minda anda.
Permainan yang sama
Keluarkan kumpulan tertentu untuk mendapatkan kumpulan lain yang berpasangan dengan warna yang sama dan anda akhirnya akan mendapat kemenangan.
Tetris
Salah satu permainan paling klasik yang dihidupkan kembali oleh HTML5.
torus
Satu lagi permainan Tetris dalam versi pseudo-3D.
TETRIS TIDAK PERGI, SAYA MENGHASILKAN DUA PIEC PADA DAN TINGGAL TETAPI REST ADALAH SANGAT KERING
Saya suka halaman ini ... kecuali permainan pertama. Saya sayang awak Fran =)
Selamat mencium dunia juga
Luar biasa, hebat. Saya tidak percaya sejauh mana perkembangan web!
Saya tidak tahu mengapa sumber daya ini dikaitkan dengan HTML5, ini adalah Javascript yang murni, sebelum munculnya Flash, dengan Javascript semua perkara ini dapat dilakukan, ada kajian di Barcelona yang membuat beberapa laman web yang pada waktu itu meledakkan kepalaku, semuanya dalam javascript sehingga saya belajar dari mereka dan merancang pasangan dengan bola yang melantun dan semuanya, saya kehilangan mereka sepenuhnya dan masih menyesalinya. Saya tidak ingat nama studio itu seperti anda 2 atau 2 tahun yang berusia 2 atau lebih.
Joe Vega ...... ini menunjukkan bahawa anda tidak mempunyai idea HTML5… .lol
Anda mungkin tidak mempunyai idea html5 berdarah, memang benar, tetapi anda salah anggap ayam jantan untuk kandang ayam dan jangan membezakan bahasa dari persekitaran. Saya mencabar anda untuk membuat contoh seperti di sini tanpa menggunakan Javascript, hanya dengan html5, dan anda akan memahami apa yang saya maksudkan dalam jawatan yang saya hapus. Lebih-lebih lagi, saya telah melihat kod sumber contoh dan terdapat beberapa yang boleh dilakukan dengan mudah tanpa memasangnya di html5.
Html5 itu membawa banyak penambahbaikan dan perkara-perkara yang memudahkan banyak adalah benar, tetapi kejayaan perkara hebat yang ditunjukkan di halaman ini adalah Javascript.
Saya berminat untuk membuat persembahan jenis ini ... adakah anda mempunyai tutorial atau halaman dengan sumber ??? Terima kasih!!!