Ali @mintik
11 Temmuz 2021 1:26

DarkNavigation

Dark Navigation1

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 »

Ali @mintik
1 Temmuz 2021 1:27

Colorful horizontal nav

navigation

İç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 »

Ali @mintik
27 Haziran 2021 1:28

Html5 sosyal medya ikon tasarımı

SocialTooltip1

 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.

Ali @mintik
10 Haziran 2021 1:26

360 derece Canvas ürün görüntüleyici

360 View1

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 »

Ali @mintik
9 Mayıs 2021 1:26

FlowPlayer

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 »

Ali @mintik
22 Nisan 2021 1:26

Sortable.js – Html5 sürükle-bırak sıralama

sortable1

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 »

Ali @mintik
19 Nisan 2021 1:26

Rotatting social icons

social

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 »

Ali @mintik
17 Nisan 2021 1:27

Vertical navigation for author box

navigation

Christian Heilmann tarafından Html5 ve Css3 Kullanılarak hazırlanmış olan animasyonlu bir menü  örneği. Sayfa  açılır  açılmaz menü  açıklaması yukarıdan aşağı iniyor ve  menü penceresi büyüyüp tekrar küçülüyor.

Ali @mintik
3 Nisan 2021 8:42

jPlayer

jPlayer

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... Devamını oku »

Ali @mintik
2 Mart 2021 12:23

Html5 Progress Polyfill

Pllyfill

Lea Verou‘nun  Html5 ve Css3 kullanarak hazırladığı kolay kullanımlı ilerleme çubuğu örneği.   Auto, manual yada animasyon gibi farklı  farklı özelliklerde kullanabiliyorsunuz. Download Demo Kullanım: Head  etiketleri arasına eklenmesi gereken bölümler : Javascript  ve Css  url adresleri : <link href="style.css" rel="stylesheet" /> <link href="progress-polyfill.css" rel="stylesheet" /> <script>document.createElement('progress');</script> <script src="progress-polyfill.js"></script> <script src="tests.js"></script>... Devamını oku »