üzerine

CSS ile üzerine gelince açılan kutucuklar oluşturun!

Vatanay Özbeyli 6 Yorum CSS3, HTML5

Web sayfanıza CSS desteği ile üzerine gelince açılan bilgi kutucukları ekleyebilirsiniz. Overflow elemanının hidden değeriyle gizleyeceğimiz detaylı bilgi sadece onmouseover ile aktif olmakta. Hazırlayacağımız örnekte bu uygulamayı HTML5 ile listeye eklenen section elemanı ile birlikte kullanacağız. Fakat istek dahilinde bu etki div veya table öğeleri için de uygulanabilir.

Makalenin alt kısmından tasarımı canlı olarak test edebilirsiniz.

CSS ile SEO ve performans dostu harika resim açıklamaları

Vatanay Özbeyli 3 Yorum CSS3, HTML5, SEO

Merhaba arkadaşlar. Bu makalemizde görsel açıdan olduğu gibi performans ve SEO açısından da inanılmaz başarılı olan bir resim efektini anlatacağız.

Okumakta olduğunuz makalenin türevleri olabilir, fakat tarafımızdan hazırlanan bu CSS kodu yerli ve yabancı kaynaklarda bulabileceğinizin en iyilerinden biri. Neden mi?

Sadece tek division kullanıyor.
Köprü bağlantılar a block veya onclick ile değil, klasik href türünde. Böylece ziyaretçinin browserinin java desteği kapalı olsa bile tam performans ile çalışmakta.
Yukarıda dediğim gibi, kod satırlarının içersinde JS yok. Bu yüzden hızlı ve her kullanıcı tarafından görülebilir.
CSS3 ‘ün yeni teknikleriyle süslü.
Yazılar paragraf içinde, yani tam anlamıyla açıklama metinleri oldular. Böylece arama motorlarının botları görsel arandığında <p> içindeki geniş açıklama metnini yayınlar. Kısaca SEO dostu diyebiliriz.
Yazılar seçilerek kopyalanamaz.

CSS Sprite Nedir? Neden ve Nasıl Uygulanır?

Vatanay Özbeyli 8 Yorum CSS3, Tasarım Unsurları

CSS Sprite mükemmel tasarımlar oluşturmamızı sağlayan gayet kullanışlı ve hızlı bir teknik.

Görünüşte geçiş efektleri ve görseller olsa da temelinde performans yatmaktadır. Sprite tekniğinin ilk kullanım amacı daha hızlı açılan tasarımlar oluşturmaktı. Fakat CSS3‘ün de aramıza katılışıyla CSS Sprite web geliştiricilerinin güçlü bir silahı haline geldi.

Bu makalemizde Sprite tekniğinin temeline ineceğiz. Beraberinde açıklayıcı bir örnek hazırlayacağız.

jQuery ile Açılır Pencere

Vatanay Özbeyli 4 Yorum jQuery

Sitenizde yapmak istediğiniz duyurular mı var? Ziyaretçilerinize küçük bir ipucu vermek mi istiyorsunuz? Canlı sohbet ve iletişim için uygun açılır pencere yapamıyor musunuz? Bu makalemiz sizler için geliyor!

tabSlideOut sayesinde web sayfamıza açılabilen pencereler ekliyoruz. jQuery‘nin bu yeni yardımcısı penceremize mükemmel özellikler katmamızı sağlıyor. Lafı uzatmaya gerek yok, sizler için hazırladığım örneği görüntüleyerek işe başlayabilirsiniz.