Html 5, henüz tüm tarayıcılar tarafından desteklenmese ve geliştirilme aşamasında olsa da oldukça etkileyici bir dildir. Eklenen yeni elementler sayesinde klasik web yapısı değişerek tamamen interaktif hale gelmiştir. Artık html ile web sayfalarımızda videolar oynatabiliyor veya farklı animasyonlar yaratabiliyoruz. Aşağıdaki uygulamaları inceleyerek siz de benzer çalışmalarda bulunabilirsiniz. İşte Muhteşem HTML5 Animasyon Uygulamaları;
Tunnelers
Birçok web projesinde kullanabileceğiniz Panning Slideshow, jQuery ile yapılmış bir slayt uygulamasıdır. Özellikle farklı geçiş efektiyle dikkan çeken Panning Slideshow oldukça kullanışlı ve hoş görünüme sahip bir uygulama.
4 veya daha fazla fotoğraf kullanabildiğiniz Panning Slideshow fotoğraflar arası farklı geçiş efektini sunar. Sağa-Sola veya çapraz olarak ilerleyen bu uygulamayı birçok web projenizde ücretsiz olarak kullanabilirsiniz. Oldukça kolay kullanımı olan Panning Slideshow ile istediğiniz fotoğrafları web sayfanızda yayınlayabilir veya ürünlerinizi tanıtabileceğiniz farklı bir araç olarak kullanabilirsiz. Tüm bunları yaparken hiçbir eklenti olmaksızın kolaylıkla kullanabilirsiniz.
Her ne kadar ülkemizde, burada anlattığım yöntemle yasaklanmış olsa da, youtube gelişmeye sürekli olarak devam ediyor.
Youtube en son, basit video edit aracını duyurdu. Duyurulmuş olan video editörü, henüz iMovie veya Windows Live Movie Maker’ın yerini alamayacak. Ancak youtube’un editörü yüklenmiş video’ların birleştirilmesi, kesilmesi, edit edilmesi ve ses eklenmesi gibi basit işlemleri gerçekleştirebiliyor.
Benzer bir deneme, gene youtube tarafından Remixer Tool adı altında 2007 yılında denenmişti. Flash teknolojisi üzerini kurulu olan remixer oldukça sorunlu bir performans sergilemişti. Bu sefer youtube dersini almış ve yeni editörünü JavaScript ile gerçekleştirmiş. Arayüzler basit ve kullanması oldukça kolay.
Web sitenizde içeriğe göre galeri kullanabilir ve farklı görselleri kullanıcılara sunabilirsiniz. Görsel galerinizi başkalarına sunarken yer sıkıntısı çekiyorsanız Micro Image Gallery tam size göre bir jQuery uygulaması. Hem kullanıcılarınızın beğeneceği hem de istediğiniz boyutlarda ve oldukça az yer kaplayan bu eklenti oldukça kullanışlı.
En önemli özelliği oldukça büyük bir yer tasarrufu sağlamak olan bu uygulama ile istediğiniz kadar imaj yayınlayabilirsiniz. Belirli ölçülerdeki boyutunu her zaman koruyan bu eklentide resimlerinizin tümünü sayfalayarak gösterebilir veya tek bir görünüm elde edebilirsiniz.
Bugünlerde herkesin dilinde html5… Html5 web’in geleceği olarak görülüyor. İşte birbirinden muhteşem, tüm çalışmlarınızda kullanabileceğiniz, 5 açık kaynak kodlu html5 video aynatıcı.
1. MediaFront
MediaFront, web için açık kaynak kodlu (GPLv3) bir HTML5 medya oynatıcı.
İndir
2. Projekktor
Projekktor, js destekli yeni bir video ve ses oynatıcı. Tüm tarayıcılarda gönül rahatlığı ile kullanabilirsiniz, uyumsuzluk sorunu çıkarmaz. (video/mp4, video/ogg, video/webm, audio/ogg, audio/mp3, image/*)
İndir
Deneme aşamasında olan HTML5 video oynatıcılı YouTube artık kullanıcılar için denemeye açılmıştır. HTML5 video oynatıcısını kullanabilmek için YouTube HTML5 sitesinden “join the html5 beta”‘ tıklanarak aktifleştirmek gerekmektedir. Aktifleştirdikten sonra birçok video Flash oynatıcısı yerine HTML5 oynatıcı ile izlenebilmektedir.
HTML5 oynatıcısını kullanabilmek için tarayıcıların h.264 video codec veya VP8 codec liWebM formatını desteklemesi gerekmektedir.
HTML 5 hakkında çok şey duyduk ve duymaya devam edeceğiniz Sınırlarının nerelere varabileceğini, gücünün nelere yettiği konusunda henüz net bir görüntü yok. Ama şu ana kadar gördüğümüz uygulamalar bile gelecekte bizi bekleyen güzel günlerin habercisi niteliğinde. Zaten birçok uzman da HTML5’in birçok alanda sarsıcı etki yaratacağı görüşünde hem fikir.
Öteki taraftan da HTML5 ile Flash arasındaki amansız rekabet web platformunu her geçen gün geliştiriyor ve zengin uygulamaların kapasitesini artırıyor. Bu noktada da Apple ile Google arasındaki rekabet bu iki altyapının geliştirilmesini tetikliyor. Tüm bunlarda web platformunun hızla gelişeceğinin bir göstergesi.
Şimdi yazının devamında sizlerle paylaşacağım uygulamaları aslında uzun yıllardır Flash ile yapıyorduk. Fakat şimdi HTML5’in Javascript ile gösterdiği harika performansa örnek olabilecek nitelikte birbirinden heyecan verici oyunları sizlerle paylaşmak istiyorum. Çünkü bu oyunlar HTML5’in Flash’a büyük bir alternatif olacağının en büyük delili. Şu an sadece 20 oyun derleyebildim fakat her geçen gün bu sayının artacağına eminim. Şimdi tamamen web browser üzerinden çalışan hiçbir ek bileşene ihtiyaç duymayan bu oyunların tadını çıkartın. (Sadece browser’ın HTML5 uyumluluğu zorunludur.)
ID Software’in 1992 yılında duyurduğu çok popüler bir oyun HTML5 ile tekrar gündeme geliyor ve her yerden erişip oynayabileceğiniz bir hal alıyor. Buyrun tadını çıkartın.
Bir platform oyunu. Mario severlerin vazgeçemeyeceği, iPhone versiyonuda çok popüler olan Adventure Land’de bir platform oyununda görmeye alıştığımız herşey mevcut.
Yeni nesil web dilimiz HTML5 için hazırlanmış, açık kaynak kodlu bir eklenti olan FlareVideo, web kullanıcılarının izlemeye doymadıkları ve doyamayacakları web içeriği olan videoların, web sayfalarından oynatılabilmesini sağlayacak olan bir web video oynatıcı (player).
En göze çarpan özelliği; HTML5’i tanımakta huysuzluk/uyumsuzluk gösterecek olan web tarayıcıları ile karşılaştığında, şapkasında FLash versiyonunu çıkaracak olan FlareVideo, CSS/HTML/JS ile yapılacak müdahalelere izin vermek, tam ekran desteği ve 3 farklı tema (Default theme, Vimeo theme, Spotify theme) gibi özellikleri de geliştiricilere sunmakta.
Web tasarımı bu günlerde HTML5 ve CSS3 ile büyük bir Upgrade yaşamakta. Tarayıcı desteklerinin giderek artması ile somut kullanımını giderek daha sık görmeye başladığımız, web dillerinin bu yeni versiyonları için hazırlanmış örnekleri ve eğitimleri, ilgili web sitelerinde çok daha fazla sayıda görmek mümkün.
Aşağıda listelenmiş olan CSS3 eğitimleri (teknikler, örnekler) ile, daha önceleri yapamadığınız veya yapmak için ek bazı dosyalara/görsellere ihtiyaç duyduğunuz, “göreni kendisine hayran bırakan” tasarımsal özellikleri, CSS3 ile nasıl yapabileceğinizi öğrenebilir ve hemen denemeye başlayabilirsiniz.
Apple HTML5 Showcase: Apple tarafından yakın zaman önce açılan ve içeriğinde HTML5 ve CSS3 tekniklerinin bulunduğu bir tanıtım sayfası.
Web sitenizde video yayınlayanlar genelde flash player ile yapılan video eklentileri veya Media Player kullanırlar. Fakat tüm bunlara gerek kalmadan sadece HTML5 ve CSS3 yardımı ile web sayfanızda video yayınlayabilirsiniz.HTML5‘in yükselmesi ile gündeme gelen bu video oynatıcıları henüz Internet Explorer gibi bazı eski sürüm tarayıcılar desteklemese de oldukça popüler ve ilgi çekici oldukları söylenebilir.
Video JS, tamamen HTML5 ve CSS3 ile hazırlanan açık kaynak kodlu ve ücretsiz olarak dağıtılan bir video oynatıcısıdır. Web sitenizde videoları herhangi bir eklentiye gerek kalmadan yayınlamanızı sağlayan bu uygulama ile hertürlü videoyu yayınlayabilirsiniz. H264 ve Theora Ogg gibi formatları da destekleyen bu kolay kullanımlı uygulama kullanıcılar açısından herhangi bir sorun olmadan yayın yapabiliyor.
Tam ekran özelliği, ses ayarı, durdurma/oynatma düğmesi ve herhangi bir bölümüne sarabileceğiniz çubuğu ile diğer video oynatıcılarını aratmayan bu uygulamayı birçok tarayıcıda çalıştırabileceğiniz gibi iPhone veya iPad gibi dokunmatik cihazlarda da çalıştırabilirsiniz.
