Web sitelerinde artık bildiğiniz gibi Flash animasyonlar yerlerini yavas yavaş HTML5 tabanlı animasyonlara bırakıyorlar. Flash animasyonların gerek işlemci gücünü %100 kullanması gerekse sistem kaynaklarını aşırı zorlaması nedeniyle tercih oranı git gide düşüyordu. Bu noktada HTML5 imdada yetişti. Mobil cihazlar da artık bu teknolojiye destek vermeye başladılar. Hello word tarzı bir deneme de ben yapayım dedim, HTML5 gerçekten keyif verici. Örnek 1) HTML5 Örnek - 1Örnek 2) HTML5 Örnek - 2Kaynak dosya

Sadece resimler tepeden düşüyor, ben HTML5 olduğunu sanmıyorum. Pek de bir bilgim yok bu konuda yanlışım varsa affola..

Güzel ama html5 degil sanırım.

:) güzel olmuş cidden nasıl yaptın

O Değilde bu javascript ile yapılmamış mı? Kodlarda hiç HTML5 kodu yok. s Aynen dediğin gibi ek bir js ile yapılmış :)

İlk mesajıma bir örnek daha ekledim, kaynak dosyayı da ekledim. Adobe Edge Preview programıyla Html5, CSS3 ve Javascript kullanarak bu şekilde çalışmalar hazırlayabilirsiniz. Zaten Html5'in mantığı animasyon olaylarını farklılaştırarak Divlerin hareketi vasıtasıyla görüntüler elde etmek. Burada da sadece efekt olarak Flash'tan bildiğimiz easeOutBounce efekti var. Edge içerisinde 20 kadar hazır hareket efekti mevcut. Çalışmak isteyen arkadaşlar için kaynak dosyayı gönderiyorum. Adobe Edge Download: http://labs.adobe.com/technologies/edge/ Örnek:http://www.erdiyilmaz.com/puntotr/ Kaynak dosya: http://www.erdiyilmaz.com/puntotr/ornek-html5. rar

İlk mesajıma bir örnek daha ekledim, kaynak dosyayı da ekledim. Adobe Edge Preview programıyla Html5, CSS3 ve Javascript kullanarak bu şekilde çalışmalar hazırlayabilirsiniz. Zaten Html5'in mantığı animasyon olaylarını farklılaştırarak Divlerin hareketi vasıtasıyla görüntüler elde etmek. Burada da sadece efekt olarak Flash'tan bildiğimiz easeOutBounce efekti var. Edge içerisinde 20 kadar hazır hareket efekti mevcut. Çalışmak isteyen arkadaşlar için kaynak dosyayı gönderiyorum. Adobe Edge Download: http://labs.adobe.com/technologies/edge/ Örnek:http://www.erdiyilmaz.com/puntotr/ Kaynak dosya: http://www.erdiyilmaz.com/puntotr/ornek-html5. rar Bilgilendirmen için teşekkürler.. Bende 3-4 ay önce Adobe Edge ile ufak uygulamalar yapmıştım ama sonra beni sarmadı bende başka yönlere yöneldim :)

O Değilde bu javascript ile yapılmamış mı? Kodlarda hiç HTML5 kodu yok. s

Nasıl yaptın bunu? Çok güzel olmuş. :)