CSS Dersleri
CSS3 yeniliklerinde yaralanıyoruz, tabi bazı sorunlar ortaya çıkıyor. Hatasız kod olmayacağı için, hata olur ama bir çözümüde vardır elbet diye düşünmemiz lazım. Sorun tam olarak bir sayfanın ardalanının tamamına renk geçişi uygulamak istediğimizde belli bir yere kadar uygulayıp kalan kısmını tekrar ettirerek istemediğimiz bir durum oluşmasına neden oluyor. Sorunun çözümünü
CSS Dersleri
“IE6 Sonrası Kod Yazma Alışkanlıklarımızı Güncellemek” yazısından sonra ie7 istatistikleri daha çok ilgimi çeker oldu. Şu anki istatistiklere bakarsak %4 civarında(makaleye başladığımda %10 idi.) ie7 kullanan kullanıcı var, peki biz bunları yoksayabilirmiyiz ve yok sayarsak bize neler kazandırır bu makalemde bunları irdeleyeceğim. İnternet Explorer 7. sürümünü bundan yaklaşık 5
CSS Dersleri
Webkit ekibinin ilk olarak 2008 yılında CSS’e kattığı bu özellik daha sonra w3c tarafından standartlara girdi. HTML elemanlarını döndürmek, boyutlandırmak, eğmek gibi eylemleri gerçekleştirmemize yarıyor. 2d Transform özelliği 3d’ye göre tarayıcı desteği konusunda çok avantajlı. 2B Dönüştürme özelliklerini ie9+ desteklerken, 3B Dönüştürme özelliklerini henüz betası çıkmış olan ie10+
CSS Dersleri
CSS3 ile renk geçişi hakkında yazdığımız makalede İnternet Explorer içinde çözüm üretmiştik. Uygulamada bazı durumlarda renk geçişinin İnternet Explorer’larda çalışmadığını gördüm. Biraz araştırınca bu sorunun hasLayout’tan kaynaklanan bir sorun olduğunu gördüm. CSS3 ile renk geçişi için http://www.colorzilla.com/gradient-editor/sitesini kullanıyorum. Sorunu görmek için aşağıdaki gibi
CSS Dersleri
Makaleye başlamadan önce Internet Explorer 8 standart modda hasLayout kabulünün kaldırıldığını söyleyelim. IE7 uyumluluk modunda hala mevcut. hasLayout özelliği hakkında bir şeyler bilmememiz normal çünkü biz daha çok sorun kısmını görüyoruz. Aslında bazı kaynaklarda “Boyutlandırma Hatası” olarak da geçiyor bu sorunlar. hasLayout Internet Explorer’un yorumlayıcı motorunun bir kabulü olarak
CSS Dersleri
Bir çok site İnternet Explorer6 desteği kaldırdı ve kaldırmak için son kullanma tarihi belirledi. Bunda tabi İnternet Explorer6 kullanan kullanıcı sayılarının yüzdesinin hızla düşmesi ve %2,5 seviyesine düşmesinin etkisi büyük. 27 ağustos 2001 tarihinde yayın hayatına başlayan ie6 tam 10 senedir web aleminin etkiliyor. %95’e varan oranlara kadar
CSS Dersleri
CSS ile yatayda ortalamak deyince aklımıza hep genişliği sabit olan alanlar geliyor. Ancak genişliği sabit olmayan elemanları ortalamak biraz daha farklı oluyor. Genişliği sabit olan blok-level elemanları ortalamak için birçok kaynak var iken genişliği belli olmayan blok-level elemanları ortalamak için çok fazla kaynak bulamıyoruz. Google’da yaptığım aramalarda rastladığım makalelerde
XHTML
Javascript’i web sitelerine eklemek Javascript dosyaları bir web sitesine iki şekilde eklenir. Birincisi satıriçi(inline), ikincisi ayrı bir javascript dosyası hazırlayıp harici olarak eklemek. İlk javascript’i Hakkı Öcal’ın javascript kitapçığından öğrenmeye başlamıştım. İlk örnek şöyle idi; {% highlight html %} function merhaba() //merhaba isimli fonksiyonu deklare ediyoruz { //bu, fonksiyonun
CSS Dersleri
Kodladığım bir çok sitede eğer site alt sayfalar ve onlarında alt sayflarında oluşan karmaşık bir yapıya sahip ise genelde kullanıcıya nerede olduğu göstermek için hiyerarşik linkler kullanırız. Bunu hiyerarşik yerimi olarak isimlendirmek bana daha mantıklı geldi. Amaç web sitemizin kullanılabilirliğini arttırmaktır. Kullanıcıya bulunduğu sayfa hiyerarşik yapısıda gösterilerek daha kullanışlı bir
CSS Dersleri
CSS kodu yazarken background tanımlarında bazı yerlerde tırnaklı tanım yapıldığını, bazı yerlerde ise tırnaksız tanım yapıldığını görmüşsünüzdür. {% highlight css %} background("deneme.gif"); {% endhighlight %} veya {% highlight css %} background(deneme.gif); {% endhighlight %} Ben birkaç güne kadar arada bir farkın olmadığını düşünüyordum.(Aslında benim gibi özel durumlar hariç bir fark olmadığı
CSS Dersleri
[LiveGO][]'ya zaman zaman dil desteği ekliyoruz. Son olarak Almanca ve Arapça dil desteğini ekledik. Almanca ve diğer latin alfabesi ile yazılan dillerde bazı ufak tefek sığmama sorunları dışında bir sorun yaşamadık, ancak Arapça dil desteğini vermeye karar verdiğimiz ve uygulamaya geçtiğimizde bazı sorunlarla karşılaştık. Bu sorunlar dilin latin
CSS Dersleri
Başlığı açıklayıcı yazayım diye uzattım, yinede tam açıklamıyor sorunu. Tam metin şöyle olmalı “overflow:auto atanan eleman içinde %100 genişlikli tablo kullanımı ve bu tablonun ie7’de meydana getirdiği fazladan yatay kaydırma çubuğu sorunu ” Bu tanımı daha iyi yaparım deyipte başlık öneren varsa başlığı değiştirebilirim. Hayatımız İnternet Explorer ile uğraşmak