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... Devamını oku →
DarkNavigation
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... Devamını oku →
Colorful horizontal nav
İç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... Devamını oku →
Html5 sosyal medya ikon tasarımı
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.
360 derece Canvas ürün görüntüleyici
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... Devamını oku →
FlowPlayer
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... Devamını oku →
Sortable.js – Html5 sürükle-bırak sıralama
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... Devamını oku →
Rotatting social icons
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... Devamını oku →