HTML5 ile Harika Şeyler Yapan 15 Site

İlan

Gelecek HTML5 HTML5'in Ne Hakkında Olduğunu Gören 10 Web Sitesi Daha fazla oku 20 yıllık HyperText Biçimlendirme Dili, tarayıcının hem görsel hem de veri perspektifinden daha fazlasını yapmasına olanak tanıyarak "web" deneyimini tamamen yeni bir seviyeye getirmeyi vaat ediyor. HTML5, tam olarak dağıtılmaktan hala uzak olsa da, birçok geliştiricinin bunu sınırlara zorlamasını engellemedi.

HTML5'in özellikleri hakkında size iyi bir fikir veren bu muhteşem web sitelerine göz atın. programlama dili, web tarayıcınızda yalnızca harici bir programda mümkün olan şeyleri yapmak veya Eklenti. Bunları Chrome'da test ettim ve hepsinin Chrome, Firefox 4, Safari veya IE9 gibi HTML5 uyumlu bir tarayıcıda çalışması gerekir. Onlar demolar ve HTML5 hala devam eden bir çalışma, bu yüzden onları görüntülemekte sorun yaşıyorsanız başka bir tarayıcıda denemek isteyebilirsiniz. Zevk almak!

Bu, farklı HTML5 Canvas hilelerine sahip Arcade Fire ve Google tarafından yapılan harika bir demo. Sizin için sürprizleri şımartmak istemiyorum - çocukluk adresinizi girin ve video ve teknik sihirbazlığın tadını çıkarın.

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

Google'dan gelen bu site, web tarayıcılarının nasıl çalıştığı ve temel teknolojilerden kaçının çalıştığı hakkında bir açıklamaya "kitap" tarzı bir yaklaşım getiriyor. Teknik açıdan etkileyici, aynı zamanda web'in nasıl çalıştığı hakkında daha fazla bilgi edinmek isteyen okuyucular için iyi bir astardır.

Ortak Çizim

Bu demo HTML5 websockets görüntüleyenlerin aynı anda tuval üzerinde birlikte çalışmalarına olanak tanıyan bir özelliktir.

SketchPad, web için bir “boyama” programıdır. Temel çizim araçlarını destekler ve yalnızca HTML5 ve JavaScript ile yapılır.

Galactic Plunder, HTML5'te uygulanan bir 2D Space Shooter oyunudur. Normal bir yan kaydırma tetikleyicisi olarak doldurulmuş özellik kadar değil, tamamen kendi içinde etkileyici olan HTML5'te yapılır.

HTML5, web'deki video ile çok şey yapmanızı sağlar. Eklenti olmadan web tarayıcınız olmadan oynatmanıza izin vermenin yanı sıra, bu videoyu değiştirmenize izin verir. Bu demo, oynatılırken videonun piksellerini nasıl “havaya uçurabileceğinizi” gösterir.

Çoklu Cam Topu

Bu, Arcade Fire videosunda da görülür ve etki gösterir. HTML5 birden fazla pencere açmanıza ve nesneler arasında hareket etmenize olanak tanır.

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

90'lı yılların başında bir oyuncu olsaydınız, bu etkiyi sevgiyle 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 "numaralar" kullandılar. Bu tuval efekti nasıl yapıldığını gösterecek ve aynı zamanda güzel olan birçok örnek de içerecek.

Hakim.se'den HTML5 Denemeleri [Artık Kalmadı]

Bu site, HTML5 ile neler yapabileceğinizi göstermek için birçok oyun ve diğer düzgün küçük gadget'ları listeler. İlham almak için iyi ve belki biraz zaman saptırma.

Harmony, bir resmi boyamak için havalı fırçalar kullanmanızı sağlayan küçük bir çizim programıdır. “Kürk” ve “web” gibi yaratılışta görmek harika olan şeyler yaratabilirsiniz.

Bu temiz mashup @ 9elements HTML5 hakkında twitter yayınları ile müzik ve dönen noktalar çukurlar. Uygulamada tarif edilmesi zor, anlamak anlaşılmalıdır!

Radiohead / HTML5 Karması

Radiohead’leri çukurlaştıran bir başka temiz karışım idioteque şarkı ilerledikçe çizilen Thom Yorke'un bir çizimi ile. Başka bir “inanıldığı görülüyor” etkisi.

Daha fazla istemek?

Bu iki web sitesi, görünümlere çok çeşitli HTML5 ve HTML5 Canvas efektleri gösterecek şekilde tasarlanmıştır. Sıradandan “havalı” a, daha fazlası için susarsanız, gidilecek yerler bunlar.

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