CSS, XHTML, Javascript, Wordpress – Volkan Altınbaş'ın Seyir Defteri

Jquery ve Prototype javascript kütüphaneleri birlikte kullanmak için dikkat edilmesi gereken kurallar.

August 27, 2009 tarihinde postalandı
Javascript, Uncategorized | 3 Comments altında dosyalandı

Günümüzdeki web projelerinde çoğu zaman birden fazla javascript kütüphanesi ile çalışmak zorunda kalabiliyoruz. Javascript kütüphanelerinden günümüzde en çok kullanılan ise Jquery ve Prototype. Bu yetenekli ikiliyi beraber kullanmak istediğimizde birşeylerin düzgün gitmediğini göreceksiniz. Sorunun kaynağı sayfa içindeki nesnelere erişmek için kullandıkları ortak $() fonksiyonundan kaynaklanmaktadır.

Sorunun çözümü ise basit. Jquery kütüphanesini Prototype kütüphanesinden önce yüklemek ve daha sonra Jquery içindeki objelere erişmek için kullandığınız $() yöntemi yerine jQuery() yöntemi kullanmak sorununuzu tamamen çözecektir. Eğer jQuery ile yazılmış ekstra pluginler kullanıyorsanız bu script dosyaları içinde bulunan $() fonksiyonunu jQuery() ile değiştemeniz gerektiğinide unutmayın. Bu işlem ilk başlarda kafanızı karıştırsada ilerde başınızı ağrıtabilecek bir çok script hatasındanda kurtaracaktır. Önerdiğim yöntem sorunun çözümü için kullanabileceğiniz en sağlam yöntemdir.

İkinci bir alternatif olan Jquery tarafından sunulan jQuery.noConflict() fonksiyonu ise çoğu zaman işe yaramamaktadır ve yukarıdaki şekilde yapılandırmanızı ayarlarsanız bu fonksiyona kesinlikle ihtiyacınızda olmayacaktır.

Dev – Mustafa Murat Boyacı

May 29, 2009 tarihinde postalandı
Mustafa Murat Boyacı | Bir yorum bırak altında dosyalandı

Bundan sonra fırsat buldukça çok sevdiğim logomu tasarlayan ve tasarım konusundaki bilgisini paylaşmaktan hiç kaçınmayan sevgili arkadaşım Mustafa Murat Boyacı’nın çalışmalarınada sitemde yer vermeye çalışacam. Masaüstünüzde çok şık duracağını düşündüğüm son çalışması olan Dev’i sizlerle paylaşmak istedim. Güle güle kullanın ;)

Dev - Mustafa Murat Boyacı

Biddoor

May 22, 2009 tarihinde postalandı
Portfolyo | Bir yorum bırak altında dosyalandı

Biddoor

http://www.biddoor.com

İş Tanımı

Coca Cola Kurumsal

May 22, 2009 tarihinde postalandı
Portfolyo | Bir yorum bırak altında dosyalandı

cci

http://www.cci.com.tr

İş Tanımı

IE8 Hakkında Bilmeniz Gerekenler

April 2, 2009 tarihinde postalandı
CSS, HTML, IE8, Javascript, Tarayıcılar | 1 Yorum altında dosyalandı

IE8 uyumluluk modu / IE8 tarayıcısının IE7 gibi render etmesini önlemek

IE8 içinde bir düğmeye basarak sayfamızı IE7 içinde çalışır gibi davranmasını sağlayabiliyoruz. Bu düğmeye tıklandığında sayfamız bundan sonra IE7 gibi davranmaya başlayacaktır. Peki, IE7 modunda sayfamızın IE8 gibi davranma şansı varmı? Maalesef bunu yapmak mümkün değil. Eğer sayfalarımızı IE8 içinde çalışacak şekilde tasarlamış ve kesinlikle bu modda çalışmasını sağlamak istiyorsak sayfamızın içine aşağıdaki parametreyi eklemek yeterli olacaktır.

<meta http-equiv="X-UA-Compatible" content="IE=8" />

Alternatif olarak, eğer tarayıcımızın IE7 gibi davranmasını istiyorsak aşağıdaki kodu eklememiz yeterli olacaktır.

<meta http-equiv="X-UA-Compatible" content="IE=7" />

Her ne kadar bu etiketleri ekleyerek IE8′in IE7 gibi davranmasını sağlasakta bu gerçek bir IE7 gibi olmayacaktır. Bu nedenden meta etiketlerinin kullanımını önermiyorum.

IE8 CSS Hack

IE8 için kullanacağım hack yöntemi star hack yöntemini kullarak IE7 ve daha düşük versiyonları hedef alır. Fakat eski IE tarayıcıları için daha farklı hack yöntemleride kullanılabilir.

p.myclass {
color: green;
*color: red;
}

body:last-child p.myclass {
color: blue;
}

Bu hack yöntemi kullanıldığında myclass sınıfına sahip paragraflar;

« önceki postalarsonraki postalar »