Selam dostlar! Bugün sizlere HTML’in altın parçası, yıldızı, yani input etiketinden bahsedeceğim. Bu küçük etiket, web sayfalarınızda kullanıcılarla etkileşim kurmanızı sağlayan önemli bir araç. Öncelikle, input etiketi nedir? İki şeyi halletmiş olalım: kullanıcıdan bilgi almak ve bu bilgiyi sayfada göstermek. Yani, form alanları, arama kutuları, parola girişi gibi yerlerde input...

Marco Biedermann tarafından sitenizde sosyal ağ adreslerinizi yayınlayabilmeniz için hazırlanmış bir Css3 navigasyon menü örneği. Menü örneğinde ilk başta  sadece  içinde  user ikonu bulunan  kırmızı  bölüm bulunuyor. Mouse ile menü üzerine  geldiğinizde sağ tarafta  hafif saydam bir menü listesi açılıyor  ve  mouse ile üzerinde gezdiğiniz  ikonların başlıkları resimdede gördüğünüz  gibi...

İçerisinde resim dosyası bulunmayan Css  ve Html5 nav elementi ile  hazırlanmış  bir navigation menü. Aslında navigation kelimesinin türkçesi  navigasyon olarak geçiyor  ama internette bu tür  örnekler  için navigasyon kelimesi  pek  geçmediği için mecburen ortama  ayak uydurmak için navigation diye başlık attım. Menü örneğimizde her link için ayrılmış olan  bölüm üzerine...

 Marco  Biedermann  tarafından hazırlanmış sosyal ağ  ikonları örneği.  Sadece Css3   kullanılan bu örnekte kullanılan ikonlar Font Awesome  ile  import  edildiş. Örneğin geri kalan kısmı  tamamen Css3  ile tasarlanmış.  Bir tooltip benzeri  hazırlanmış  bu örnekle  sitenizin  herhangi bir köşesinde sosyal ağ adreslerinizi  yayınlayabilirsiniz.

Daha önceleri bunun bir benzeri olan Threesixty-slider  diye bir jQuery eklentisi  paylaşmıştık. Şimdiki  demo da aynı özellikte. Html5  ve  Canvas kullanılarak hazırlanmış olan bu örnek  toplamda otuz  adet resimden oluşuyor ve  sayfa  yüklenme  işlemi bittikten sonra  360 derece  olarak ekrandaki htc  telefonu  dönüyor. Mousenizi  sol tıklayıp sürüklediğiniz zaman yine  aynı şekilde...

Html5 destekli tarayıcılar üzerinden video oynatmak için kullanılan video elementi için geliştirilmiş olan Flowplayer uygulaması  her yerde görünenden farklı bir player kullanma imkanı sunuyor sizlere. Webm, ogg ve mp4 gibi her tarayıcı için ayrı ayrı eklemek zorunda olduğunuz ortam dosyaları bulunur. Hepsini normal Html5 etiketi gibi bir div içine ekleyip...

Ali  Farhadi tarafından yapılmış  olan Html5 Sortable  uygulaması  Wordpress benzeri sürükle  bırak örnekleri oluşturmanıza  ve kullanmanıza  olanak  sağlıyor. WordPress blogcuların yakından tanıdığı  bu özellik  bileşenler  sekmesinde  sürükle bırak yöntemi ile bir  bileşeni bileşen alanına  taşımaya yarıyor. WordPress sisteminde  bu özellik bir de  menü oluşturma  bölümünde  kullanılmış. WordPress kullanıcıları için  maksimum...

Sitenizde sosyal paylaşım butonları olarak kullanabileceğiniz  sadece Html5 ve Css3 kullanılarak hazırlanmış bir  sosyal paylaşım menüsü örneği. Tam çember  biçiminde  ve gri renkte görünen butonlar mouse  üzerine geldiği anda 360° dönüyor ve bu  esnada  renk değiştirerek sosyal paylaşım butonunun  olması gerektiği renk haline  geliyor. Download Demo Destekleyen tarayıcılar Css3 destekli...

Web sitenize müzik çalar eklemeniz için Mark J Panaghiston tarafından hazırlanmış oldukça güzel bir müzik oynatıcı. Çıktığı ilk zamanlarda sadece tek bir tane demosu vardı ve şuanda zip dosyası içinde daha çok örneği bulunuyor.  Hemen hemen bütün cihazlar üzerinde çalışabilen ve Html5, Css3 destekli açık kaynak kodlu bir yazılımdır. İlk verdiğim download...