HTML5 ile Şaşırtıcı Şeyler Yapan 15 Site

Gelecek HTML5 10 Web Siteleri HTML5 Nedir, Her Şeyi Görecek 10 Web Sitesi HTML5 Nedir? “ağ” Tarayıcının hem görsel hem de veri perspektifinden daha fazlasını yapabilmesini sağlayan tamamen yeni bir seviyeye kadar tecrübe edin. Her ne kadar HTML5 hala tam olarak konuşlandırılmaktan uzak olsa da, birçok geliştiricinin sınırlarını zorlamasını engellemedi.

HTML5'in programlama dili olarak kullanabileceği, web tarayıcınızda yalnızca bir kez harici bir programda veya eklentide mümkün olan şeyleri yapmak konusunda gerçekten iyi bir fikir veren bu şaşırtıcı web sitelerini inceleyin. Onları Chrome'da test ettim ve hepsinin Chrome, Firefox 4, Safari veya IE9 gibi HTML5 uyumlu bir tarayıcıda çalışması gerekir. Bunlar demolar ve HTML5 hala devam etmekte olan bir çalışma, bu nedenle onları görüntülemekte sorun yaşıyorsanız başka bir tarayıcıda denemek isteyebilirsiniz. Keyfini çıkarın!

Arcade Fire - Vahşi Şehir Merkezi

Bu, farklı HTML 5 Canvas numaraları içeren Arcade Fire ve Google tarafından yapılan harika bir demo. Sürprizi şımartmak istemiyorum - çocukluk adresinizi girin ve video ve teknik sihirbazlığın tadını çıkarın.

WebVenture

WebVenture, MacVenture oyun platformunun bir HTML5 ve Javascript uygulamasıdır. Artık tarayıcınızda Deja Vu 1 & 2, Shadowgate ve Uninvited oynayabilirsiniz! Wolfenstein 3D gibi diğer oyun uygulamaları, oyun tarayıcınıza getirerek üzerinde çalışılıyor.

Tarayıcılar ve İnternet Hakkında Öğrendiğim 20 Şey

Bu siteden Google demoları a “kitap” web tarayıcılarının nasıl çalıştığı ve altta yatan teknolojilerin ne kadarının çalıştığı ile ilgili bir açıklamaya tarz yaklaşımı. Teknik açıdan etkileyici, aynı zamanda web'in nasıl çalıştığı hakkında daha fazla bilgi edinmek isteyen okuyucular için iyi bir başlangıç.

Ortak Çizim

Bu demo, izleyicilerin işbirliğine dayalı olarak aynı anda tuval üzerine çizim yapabilmelerini sağlamak için HTML5 websockets özelliğini kullanır.

[HİÇBİR ÇALIŞMA YOK] SketchPad

SketchPad bir “boya” web için program. İlkel çizim araçlarını destekler ve sadece HTML5 ve JavaScript ile yapılır..

Galaktik Yağma

Galactic Plunder, HTML5'te uygulanan bir 2D Space Shooter. Normal bir yandan kaydırmalı atıcı olarak doldurulmuş bir özellik değil, tamamen etkileyici olan HTML5 ile yapılır..

Video Efektleri

HTML5, web üzerinde video ile çok şey yapmanıza olanak sağlar. Web tarayıcınız olmadan, eklenti olmadan oynatmanıza izin vermenin yanı sıra, bu videoyu değiştirmenize olanak sağlar. Bu demo nasıl yapabileceğinizi gösterir “Patlamak” oynatırken videonun pikselleri.

Çoklu Pencere Topu

Bu, Arcade Fire videosunda da görülen etkiyi göstermektedir. HTML5, birden çok pencere açmanıza ve nesnelerin aralarında hareket etmesine izin verir.

HTML5Rocks (Google)

HTML5 Rocks, HTML5 dilinin birçok özel özelliğini gösteren bir slayt gösterisidir. Eğer bir geliştiriciyseniz, size örnek kod verir ve HTML5'in olanaklarını görmenizi sağlar..

8-bit Renk Bisiklete binme (Eski Okul Oyunları gibi)

90'lı yılların başında bir oyuncuysanız, bu etkiyi merakla hatırlayacaksınız. Hesaplama gücü sınırlı olduğundan, grafik tasarımcıları videoyu statik bir görüntüde taklit etmek için 'hileler' kullandılar. Bu tuval efekti size nasıl yapıldığını gösterecek ve aynı zamanda güzel olan birçok örneği de içerecektir..

Hakim.se'den HTML5 Denemeleri

Bu site, HTML5 ile neler yapabileceğinizi göstermek için birçok oyun demosunu ve diğer temiz küçük araçları listeler. İlham için iyi ve belki biraz zaman saptırma.

armoni

Harmony, bir resmi boyamak için havalı fırçaları kullanmanıza izin veren küçük, küçük bir çizim programıdır. Gibi şeyler oluşturabilirsiniz “kürk” ve “ağ” hangi yaratılışta görmek güzel.

Twitter / Müzik Mashup

@ 9elements ürününden gelen bu temiz mashup, HTML5 ile ilgili heyecan verici yazılar içeren müzik ve dönen noktaları çukurlaştırıyor. Uygulamada tarif etmesi zor, anlamak için görülmesi gerekenler!

Radiohead / HTML5 Mashup

Radiohead'in çukurunu döken başka bir mashup idioteque şarkı ilerledikçe çizilmiş bir Thom Yorke çizimiyle. Bir diğeri “inanıldığı görülüyor” Efekt.

Daha fazla istemek?

HTML5Demos / CanvasDemos

Bu iki web sitesi, HTML5'in ve HTML5 Canvas efektlerinin çeşitli demolarını görüntülemek için ayarlanmıştır. Sıradandan ... “güzel”, eğer daha çok susadıysanız, gidilecek yerler bunlar.

Şu anda internette birçok HTML5 demosu var - ve web'in yeni standardı olma yolunda ilerliyor. Paylaşmak istediğiniz müthiş demolarınız var mı? Lütfen aşağıdaki yorumlara gönderin!