‘İnternet Tarayıcısı’ etiketi için sonuçlar

IE 8 için CSS Düzeltmesi(Hack)

Haziran 8th, 2009 • 23 yorum CSS, XHTML
Etiketler: , , , ,

ie8İnternet Explorer 8 çıktı ve hızla yayılıyor. Sitemi ziyaret edenlerin %5′i İnternet Explorer 8 kullanıcısı imiş. Bir makalede görmüştüm. İnternet Explorer 8′in hızlı yayılması ile alakalı.

Burada ie8′de css düzeltmesi yapmamız gerektiğinde nasıl bir yol izleyeceğimiz konusunda bir ipucu vereceğim. 

	.uyari { color /*\**/: red\9 }

Bir çok yerde bu kodun tek başına ie8 için yeterli olduğu yazıyor. Ama ben test ettiğimde ie7′de bu kodu görüyor. Bunun için 

    .uyari{color:blue} /* tum taricilar */
    .uyari { color /*\**/: red\9 } /* ie8 ve ie 7 */
    *+html .uyari{color:blue} /* ie 7 */

Şeklinde bir çözüm işimize yaracaktır.

Örneği görmek için tıklayınız.

Ayrıca şartlı yorumlar yardımı ile de yapabiliriz.

<!–[if gte IE 8]>
	<style type="text/css">
	.uyari {
		color: red;
	}
    </style>
<![endif]–>

Ayrıca daha önce bahsettiğimiz ie7 gibi yorumlama kodu var.

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

Testlerimi ietester ile yaptım.

Internet Explorer 8′i 7 gibi yorumlama kodu

Mart 23rd, 2009 • 28 yorum XHTML
Etiketler: , , ,

Bildiğiniz gibi Microsoft Internet Explorer 8′i geçen hafta duyurdu. Eğer sitelerimiz IE8′e tam olarak uygun değilse sayfamıza bir satırlık bir kod ekleyerek bu sorunu çözebiliyoruz.

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

Kodunu sitemize eklememiz yeterli. Bu META etiketi sayesinde Sayfalarımız Internet Explorer 7′de görünüyor gibi yorumlanacaktır.

Bir projede meta’ların ilk başına yazınca olmadı, </head>’in bir öncesine koyunca oldu aklınızda bulunsun.

Internet Explorer 8′in Nihai Sürümü Çıktı

Mart 20th, 2009 • 10 yorum Haberler
Etiketler: , , ,

Microsoft Internet Explorer 8′in nihai sürümünü dün yayınladı. Önceki tarayıcılarına(7 ve 6) göre güzel ancak diğer tarayıcılara(Firefox, Safari, Google Chrome vd.) göre yetersiz bir sürüm bence. Daha önce yeniliklerden bahsettiğim için burada tekrarlamak istemiyorum. 

Genel olarak değerlendirdiğimizde daha hızlı, daha güvenli ve yeni özellikler sunuyor ie8. Kod yazarları için ie8′in en büyük avantajı CSS2.1(CSS3′ün bazı özelliklerini destekliyor) ve javascript standartlarını tam desteklediğini duyurmasıdır. Ayrıca sorun yaşadığımızda bize ie7 gibi davranma seçeneği sunması da güzel.

Bence Microsoft Internet Explorer 8 diğer tarayıcıların yükselişini engelleyecek yetenekte bir tarayıcı değil. Bunda kaybedilen pazar paylarının ve alternatiflerine hızlı yanıt verememesinin büyük etkisi var. Ayrıca ie6 gibi garabet bir tarayıcıya uzun yıllar bizi mahkum etmeninde etkisi var. Bence Windows tarayıcı pazarından çekilmelidir. Tek güzellik standartlara uygun bir tarayıcının böyle yaygın bir işletim sistemi ile gelmeside güzel. 

Bu arada bize güzel bir iş çıktı yaptığımız siteler ie8′de sorunlu mu değil mi? Kontrol zamanı

İndirmek için tıklayınız.

CSS İpucu 19: Tüm Tarayıcılar İçin CSS İle Saydamlık(Opacity)

Şubat 23rd, 2009 • 19 yorum CSS, Web Standartları, XHTML
Etiketler: , , , ,

Daha önce birçok kez bu konuda bana e-posta geldi. Buraya yazmanın mantıklı olacağını düşündüm.

secici {
    opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=75); /* IE lt 8 */
    -ms-filter: "alpha(opacity=75)"; /* IE 8 */
    -khtml-opacity: .75; /* Safari 1.x */
    -moz-opacity: .75; /* FF lt 1.5, Netscape */
}

Günümüzdeki(27 Nisan 2012) durumu düşünürsek kodu aşağıdaki gibi kısaltabiliriz.

secici {
    opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=75); /* IE lt 8 */
    -ms-filter: "alpha(opacity=75)"; /* IE 8 */
}

Örneği görmek için tıklayınız.

Kod aslında tek satır olması gerekir ki CSS 3 ile birlikte bu tek satır olacaktır. opacity: değer; tanımı ile halledeceğiz. Ama şu an yürürlükte olan tarayıcılar için yukarıdaki 5 satır kodu yazmalıyız.

Bu kodu yazmak o kadar da sorun değil, ama eğer bu kodu yazdığınız sayfanızı W3C doğrulamasından geçirirseniz aşağıdaki gibi bir hata alacaksınız.

donuklasma_val2

Bence W3C doğrulması çok önemli olmasada bazen şartlar doğrulama gerektirdiğinde(mesela müşteri istediğinde) bu sorunu çözmek için bir kaç yöntem var.

Bu yöntemlerden biri javascript fonksiyonu hazırlayıp bu fonksiyon yardımı ile elemanlarımızı saydamlaştırma;

function donuklastirma(element, donukDeger){
    var oe = document.getElementById(element);
    // donuklastirma degeri
    oe.setAttribute("style", "opacity:"+ donukDeger +";")
    if (oe.style.setAttribute) // IE icin
    oe.style.setAttribute("filter", "alpha(opacity="+ donukDeger*100 +");")
}

Örneği görmek için tıklayınız.

Diğer bir yöntemde ise ayrı bir css kodu yazıp bu kodu javascript ile ekleyebiliriz

<script type="text/javascript">
document.write('<link rel="stylesheet" type="text/css" media="screen" href="style/donuklastirma.css" />');
</script>

Sorun: opacity tanımı kapsadığı elemanın içeriğini de etkiler bunu engellemek için Robert Nyman’ın bir çözümü var. http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/ denemedim bir bakın isterseniz.

Kaynaklar

Firefox 3.1 Yenilikleri

Ekim 21st, 2008 • 9 yorum CSS, Haberler, Javascript, Web Standartları, XHTML
Etiketler: , , , , , , , ,

Firefox 3.1 Beta1 çıktı. Aslında sadece bir haber değeri taşıyan bir bilgi, ancak Firefox 3.1 ile birlikte bir çok sevindirici gelişmeler getirdiği için dikkate değer bir yenileme. Bir ara sürüm değilde sanki yeni bir sürüm gibi. Yeni özelliklere bir göz atalım. Okumaya devam edin »

Internet Explorer 6 olmasa hayat daha kolay ve zevkli olurdu

Eylül 10th, 2008 • 28 yorum CSS, Javascript, Web Standartları, XHTML
Etiketler: , ,

Web kod yazarlarını en çok zorlayan konulardan biri farklı tarayıcılara uyumlu kod yazmaktır. Birinin düzgün yorumladığını diğer farklı yorumlar ve bizim için arayış ve çile başlar, çözünce geçici bir sevinç yaşarız genelde. Farklı tarayıcılara göre kod yazmak bu iş için devamlı bir sorun olarak kalacağını düşünüyorum. Peki bu durumu nasıl aşacağız derseniz, yaşadığım süreçlerden size şunu söyliyebilirimki zamanla aynı hataları aldığımız için çözümü fazla zaman almıyor. Azda olsa farklı hatalarla karşılaşıyoruz, bunlarıda arayıp çözüyoruz. 

Web kod yazarları her zaman bir tarayıcı ile uğraşır. Vakti zamanında Netscape Navigator 4, Internet Explorer 5, Internet Explorer 5.5 uğraştık. Şimdide ve son olarakta Internet Explorer 6 ile uğraşıyoruz. 27 Ağustos’ta Internet Explorer 6 7.senesini doldurdu.

Ama asıl sorun standart dışı tarayıcılar için ürettiğimiz fazla kodlar. İşte burada Internet Explorer 6 sorun olmaya başlıyor.

Okumaya devam edin »

« Önceki Yazılar

Sonraki yazılar »

Kategoriler

Kitap

CSS'e başlangıç Uzun süredir üzerinde çalıştığım CSS’e başlangıç kitabımı bitirdim. Aslında buna bir kitap demek ne kadar doğru bilmiyorum. Tam doğru tanımı makalelerimin derlenip düzenli hale getirildiği bir e-doküman demek daha doğru olur. Bu kitap makalelerimi derleyip hazırladığım ilk kitap. İnşallah ikinci kitabıda yazmayı düşünüyorum. Zaman ve imkânlar nispetinde 2. kitapta çıkacaktır.