daha önce birçok kez duymuşsunuzdur: biz web geliştiricileri olarak, bu işi yapanlar olarak değişimin uçurumundayız. css3 ve html5 gibi geleceğin standartları işlerimizi büyük ölçüde değiştireceğe benziyor.
css3’ün nasıl etkilediğini aşağıdaki örneklerde görebilirsiniz.
bu örnekte css3'ün sborder-radius, transform ve animation özellikleri kullanılarak güneş sistemimizin bir modellemesi yapılmış. ayrıca güzel bir tooltip de kullanılmış, yan tarafta yazan gezegen isimlerinin üzerine gelince açıklaması çıkıyor. bu örneğin nasıl yapıldığına buradan bakabilirsiniz. bu animasyon sadece google chrome ve safari’de çalışıyor.
2- Flash reklamlar yerine CSS3 reklamlar
animasyon dünyasında flash’ın adı çıkmış, istenilse css3 ile de aynı güzellikte animasyonlar yazılabilir. bu örnekte birkaç flash reklam css3 ile yapılmaya çalışılmış, çok da güzel olmuş. ama şimdilik firefox ile çalışmıyor, chrome ile deneyebilirsiniz.
bu animasyon çok sağlam olmuş. spiderman’den esinlenilerek yapılmış. önyükleme için bir parça jquery ve ses için de html5 kulanılmış. bunun geliştiricisi nasıl yaptığına dair de bir açıklama yazmış.
bu örnekte bir konuşma sahnesi yazılarla canlandırılmış(kinetic typography). sanki flash ile yapılmış gibi. fakat tamamen css değil bazı yerlerinde javascript de kullanılmış.
web tabanlı video oyunları genelde flash ve bazen de silverlight ile yapılır. bu örnekte ise css3 ve html5 in nimetlerinden faydalanılarak web tabanlı bir video oyun yazılmış.
gayet hoş bir galeri olmuş. güzel bir görsel efekte sahip. nasıl yapıldığı hakkında bilgi sahibi olmak için buraya bakabilirsiniz.
html5 in 'audio' ve 'video' api’ leri kullanılarak yapılmış bir müzik player. bu örnek sayesinde css3 ile nasıl kullanıcı arayüzü yapıldığını görebilirsiniz.
9- gabriel'in küçük dünyası
bu animasyonda bir günün nasıl geçtiği hızlıca betimlenmiş.
sanki flash’la yapmışlar. yapraklar dalgalanarak aşağı düşüyor.
kaynak: six revisions
