Blog da yenilendi

20 August 2009 • ertugrul

Aw olarak bir kimlik yenileme aşaması içindeyiz. İlk etapta yaptığımız işleri sergilemek için portfolyo sayfamızla başladık bu inşaaya, şimdi de blog tasarımını bu yeni kimliğe adapte ediyoruz. Bir kaç özellik (yorum gibi) şu anlık yok. Ama en kısa sürede eklenecek. Onun dışında tüm gezginlerde testler yapıldı ve elbette, IE6 dışında, %100 aynı gözüküyor.  IE6′daysa çok fazla dağıtmıyor. Tüm dünya için iyi haber ise Temmuz ayı itibariyle IE6 kullanımının %15.21′e düşmesi. Bu hızla bir kaç aya kalmaz sıfırlanır ve IE5.5′in yanına taşınır diye umuyorum.

Daha ayrıntılı istatistikleri W3 Counter‘ın sayfasında bulabilirsiniz. İstatistikler W3 Counter kullanan siteleri içerse de tüm dünyayı kapsaması bakımından yeterli genişlikte bir örneklem uzayına sahip olduğunu söyleyebiliriz. Yani dünya genelinde yapılacak toplam bir istatistik de çok değişik sonuçlar vermeyecektir.

Belirtmeyi unuttum, aw BLOG teması da %100 ev yapımı :)

JavaScript mi Flash mı?

17 August 2009 • ertugrul

JavaScript Flash KombinasyonAw için yeni bir arayüz geliştiriyoruz, yaptığımız işleri eğlenceli bir şekilde sergilemek gibi bir amacımız var. Etkileşim deyince akla hemen gelen ilk iki seçenek JavaScript ve Flash oluyor. Ama hangisini neden tercih etmek gerekiyor?

Bu seçimi yaparken izlediğim bir kaç prensip var. Öncelikle JavaScript ve Flash’ın neleri var onları dökeyim.

JavaScript, gezgin içinde çalışır. Dolayısıyla gezgin ne anlarsa onu yapabilirsiniz. Günümüz gezginleri, IE6 bile, çoğu gelişmiş JavaScript özelliğini destekler. Sadece IE6′nın çıplak sürümünü güncellemeniz gerekir. Elbette geliştirici iseniz bu sizin değil kullanıcının halletmesi gereken bir şey. JavaScript ile yapabilecekleriniz bir çok şey de var. Üst sınır olarak 3B ortam programlama denebilir ki bu Canvas motoru sayesinde yapılabiliyor. Canvas sayesinde Flash’ın yapabildiği bir ton şey de JavaScript alanına girdi. Bunun yanında temel animasyonlar, kaydırma, renk değiştirme, fade-in, fade-out, obje büyütme küçültme gibi bir çok efekt de JavaScript ile yapılabiliyor.

Ama dediğim gibi JavaScript gezgin içinde çalışır. Gezgin bağımlılığı bir yana, Chrome dışında çok süper optimizasyona giden gezgin de yok gibi. Dolayısıyla Canvas kullanımı gezgini dehşet derecede kastıran bir olay. Fakat temel animasyonlar çok rahat uygulanabilir.

Flash’ın güzelliği ise, alabildiğine optimize olması ve gezginden bağımsız olması. Yapabildikleriniz hayal gücünüz ile sınırlı. Her türlü animasyon, video, müzik, etkileşim, -Astro’nun çıkışı ile, ya da Papervision 3D eklentileri ile- 3B etkileşim, … saymakla bitmiyor. Fakat geri adım attıran özelliği ise Google’ın çabalamasına rağmen içindeki metinlerin etkin bir şekilde arama motoru tarafından insekslenememesi. Ayrıca gezginin bir parçası olmadığı için gezgin ile ilk etapda çok bir etkileşiminiz olmuyor.

Aw için Flash kullanmayı düşünmüştük ama istediğimiz temel animasyonlar kaydırma falan gibi basit animasyonlardı. jQuery gibi bir framework ile çok rahat bu işi halledebildik. Animasyon çok alımlı değil ama en azından Google’ın görmesi için yırtınmamıza gerek kalmadı.  CSS kapandığında düm düz bir sayfa çıkıyor. Ayrıca WordPress ile Flash’ı konuşturmak için de ekstra çaba sarfetmekten kurtulduk.

Benim için JS-Flash seçiminde öncelik her zaman JavaScript’e aittir. Çünkü çok ufak çaba ile çok iyi işler çıkarabilirsiniz. Kayma uçma falan çok rahat uygulanabiliyor. Arama motorları için fazladan çaba sarfetmenize gerek kalmıyor. Fakat daha fazla animasyon isteniyorsa ve gerçek zamanlı tepki hızında sunucu ile iletişim kurulacaksa bence Flash’ın nazına katlanılır.

Internette dolaşan biriki karşılaştırma da var: Detaylı perfomans karşılaştırması, Zengin Internet Uygulamaları için bir karşılaştırma.

Aw’ye yeni yüz

ertugrul

aw ss

Argeware.com’un kök dizinini adam gibi kullanmak için yaptığımız işleri sergileyen bir tasarım geliştirmekteyiz. Önceden argeware.com’a girildiğinde indeks sayfası doğrudan bu blog sayfasına yönlendirme yapıyordu.

Projeler ciddileşmeye başlayınca daha ciddi bir karşılamanın gerekli olduğunu düşündük ve kolları sıvadık. Yeni bir logo hazırladık ve ciddi bir portfolyo sergisi hazırlıyoruz. Kök dizinde de WordPress kullanıyoruz ama teması %100 ev yapımı. Etkileşim için elbette jQuery kullanıyoruz.

Tek “negatif” sayılabilecek tarafı bol bol 24 bit saydam PNG kullanmamız. Fakat IE6 için farklı bir sürprizimiz olacak. Dolayısıyla IE6 için, IE6′ya ait bu sorunu üstlenmeyeceğiz.

Geliştirme aşaması tamamlanmış değil ama %80′i bitti. Elimizde bulunan tüm gezginlerle test ettik ve çalıştı.

Buyrun

Internet Explorer’da z-index problemi ve çözümü

7 September 2008 • ertugrul

Tasarımcıların korkulu rüyası Internet Explorer’ın hatalarından birine rastgeldim bugün. Tek isteğim j-query kullanarak basit açılır menüler yapmaktı. Firefox’da mis gibi çalışan kod Explorer 6 da dağıttı. Temelde bu işlem gizlenmiş bir elemanın “display” özelliği değiştirilerek kolaylıkla yapılıyor. Menünün herşeyin üstünde çıkması için ise “z-index” özelliği diğer tüm elemanlardan yüksek olmalı ve tabii ki menünün yan tarafta açılması için “postition” özelliği “absolute” olmalı. Sorun, menünün üstte açılması gereken yerin tam altında bir başka bir “absolute” ile pozisyonlanmış bir elemanın olması. Aslında aynı sorun “relative” ile pozisyonlanmış elemanlarda da oluyor. Explorer bu elemanların hepsine kafadan bir “z-index” vermekle kalmıyor, bir de ebeveyn elemanın “z-index”ini çocuk eleman ne kadar yırtınsa da geçemiyor. Ebeveyn eleman başka bir elemanın altındaysa yani, sizin çocuk onların altında kalıyor. Neyse sorun şu yani:
okuzplorerokuzu Internet Explorerda z index problemi ve çözümü

Aynı sorun Explorer 7′de de devam ediyor. Çözüm için biraz araştırma yaptığımda sunulan çözümlerin çoğunun çalışmadığını gördüm. Türkçe bir yerde vardı sorun onda da çözüm yoktu. Çözüm için ilk akla gelen şey, üstte gözükecek elemana hayvani bir “z-index” vermek. Ama bu, dediğim gibi, ebeveyn elemanın baskın olmasından dolayı patlıyor. Yani buna ek olarak, ebeveyn elemana da hayvani ama çocuk elemandan daha fazla olmayacak bir “z-index” verilmeli. Mesela çocuğa 9999, ebeveyne 9998 gibi. Umarım yardımcı olur.

Orijinal çözümü şu sayfada verilen yorumların birinde gördüm.

ENGLISH VERSION:
In order to overcome z-index problem in Internet Explorer, one should give the element which sould appear on top a high z-index. This may not work, however if the element is nested in another element which is absolutely or relatively positioned. Thus one should also give the parent element a high z-index, not higher than the child element of course. Original solution is mentined in here among the comments.