JQuery ile IE7 z-index problem çözümü
Internet explorer'ın bilinen sorunlarından biri olan ve kural tanımayan bir browser olduğunu gösteren z-index problemi çoğu tasarımcı için baş ağrıtıcı sorunlardan biridir.Basit birkaç google aramasıyla birçok farklı kaynaktan sorunu inceleyebilirsiniz.Bu kaynaklardan bazılarını sayfa sonuna ekleyeceğim.
Vance Lucas bu konuyla ilgili olarak güzel bir çözüm bulmuş.Çözüm aslında oldukça basit hazırladığı jquery fonksiyonuyla sayfa içerisindeki katmanlara 1000'den başlamak üzere 10'ar azalarak z-index atıyor.Bu işlem çoğu z-index probleminizi internet explorer 7 için çözecektir.Ancak size özel durumlar için aşağıda listelenmiş bağlantınları incelemenizde yarar var.
$(function() {
var zIndexNumber = 1000;
$('div').each(function() {
$(this).css('zIndex', zIndexNumber);
zIndexNumber -= 10;
});
});
Hata'nın Anatomisi
http://www.quirksmode.org/bugreports/archives/2006/01/Explorer_z_index_bug.html
http://brenelz.com/2009/02/03/squish-the-internet-explorer-z-index-bug/
http://richa.avasthi.name/blogs/tepumpkin/2008/01/11/ie7-lessons-learned/
Z-index nedir?
http://www.fatihhayrioglu.com/z-index/
http://www.muhammetsevim.com/yazi/css-pozisyonlama-ve-z-index/
Jquery load() ve Chrome/Safari
Jquery load() fonksiyonu sayesinde basit ajax sayfa yükleme işlemlerinize olanak sağlar.Ancak bu noktada birçok kişinin sorun yaşadığı çözümünden de pek bahsedilmeyen konulardan biri Webkit tabanlı browserların (en bilinenleri chrome ve safari ) neden olduğu yüklenen sayfa içerisindeki stil ve jquery kodlarının çalışmaması.
Aslında bu durumdan tam olarak sorun olarak bahsetmek pek mümkün değil.Çünkü bu iki browser da W3C standart kurallarına tam uydukları için böyle bir durum meydana gelmekte.Aksine Internet Explorer ve Firefox ise bu basit kuralı iyiki hiçe saydıkları için problemsiz çalışmakta.
W3C standartlarına göre style elementleri sadece head tagları arasında yer alabilir.Yani yüklenen dosyalarınız içerisindeki style elementleri webkit tarafından yok sayılacaktır.Benzer şekilde Javascript kodlarınızda yüklenen sayfa içerisinde yok sayılacaktır.
Bu durumu düzeltmek için stil kodlarınızı yüklediğiniz sayfa içerisine yerleştirmeniz yeterli.Javascript kodlarınız için ise ;
$(document).ready(function(){});
fonksiyonunuz eğer daha önce tanımlanmışsa bu fonksiyonu yüklenen sayfalardan kaldırmanız yeterli.
Blog Turları I
Merhaba blog turlarının ilkine hoşgeldiniz ,basitçe blog turumuzda yararlı bulduğumuz yazılar hakkında ufak yorumlarımızla gideceğiniz site hakkında bilgi vermeye çalışacağız.
Html kopya kağıtları
Woork olarak tanıdığımız Antonio Lupetti burdaki yazısında bizlere HTML5 kopya kağıdı çalışmasını sunmuş , oldukça kaliteli bir çalışma olduğu kesin ve kesinlikle elinizin altında bulunmasında yarar var.Aslında bir HTML5 kopya kağıdı çalışmasınıda daha önce smashingmagazinde de görmüştük.Birde thinkvitamin'de gezerken karşımıza nihilogic blogdan "HTML5 Canvas Cheat Sheet" karşımıza çıktı.
Javascript'siz lightbox
Uzun zamandır etrafımız lightbox'larla çevrildi.Birçok fonksiyonu olan lightboxlardan sıkılanlar için javascript'siz lightbox çalışmaları vardı ancak yerli yerine oturmuş olanı pek görmemiştim.İşte burda yani growldesign'da jenna smith javascript kullanmadan lightbox efekti nasıl oluyormuş göstermiş.Ancak bizi şaşırtan ve sevindiren kısmı bir bayan olarak bu işlere gönül vermiş olması hemde sadece CSS değil XHTML, PHP, MySQL ve jQuery hakkında bilgi sahibiymiş.Son olarak da huddle'da ui designer olduğunu söyleyip konuyu kısa keselim.
PHP sınıflar
Eğitici,öğretici yazılarını özlediğimiz eburhan formDogrula adlı php sınıfını yakın zamanda tanıttı.Oldukça yararlı bir sınıf olduğunu söylemem gerek.Yazılarını özledik ama şu bir gerçekki bu projelerden yazı yazmaya pek zaman kalmayabilir ne yapalım bizde projelerle idare ederiz artık 
Php sınıflardan bahsetmişken ceviz.net'ten tanıdığımız Yusuf Koç(Raiden) upload sınıfını bundan yaklaşık 3 ay önce duyurmuştu.Bizde madem bir Türk yapımı sınıfı paylaştık onun bu başarılı çalışmasınıda biraz geçte olsa ekleyelim dedik.
Bir dahaki blog turumuzda görüşmek üzere...