IE8′in biz UI geliştiricilerin hayatına girmesiyle karşılaştığımız yeniliklerden biridir Compatibility Modes... IE7′nin çıktığı günlerde IE6 uyumlu gerçekleştirilen kullanıcı arayüzleri çok ciddi bir sıkıntıyla karşı karşıya kalmışlardı. IE7′nin geriye dönük uyumluluğundaki problem IE6 baz alınarak üretilmiş web uygulamalarında ciddi sıkıntılara sebep olmuş, düzeltmeleri zorunlu kılmıştı.
IE8 çıkışıyla birlikte bu konuya dair çözümünü HTML <head> etiketinden hemen sonra eklenecek bir meta tanımlamasıyla çözmeye çalıştı. Geliştirme süreçlerinde web sayfalarında gördüğümüz <meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ /> kodu bu amaçla kullanılmaktadır. IE8, EmulateIE7 modu dışında 5 farklı mod desteğine sahip olarak geldi.
Arkadaşlar merhaba, uzun bir aradan sonra tekrar yazılarıma devam etmek istiyorum. Bu ikinci başlangıç umarım yarım kalmaz. Bu yazımda arayüz geliştirme diye adlandırdığımız hazırlanmış layout tasarımların, kullanıcı interaktivitesine imkan tanıyan web sayfalarına çevrilmesi sürecinde gözlemlediğim eksik yaklaşımları irdelemek niyetindeyim.
Web uygulamaları, kullanıcı interaktivitesine cevap verecek sayfalara ihtiyaç duyar. Bu etkiye cevap verecek sayfaları kodlamak arayüz geliştiricilerinin işidir. Arayüz geliştiricisi hazırlanmış layout tasarımlarını gerçeklerken “nasıl olursa olsun, bir şekilde olsun” yaklaşımını aşan bir vizyona sahip olmak durumundadır.
Bu işle uğraşalı epey bir süre geçmiş olmasına rağmen gözlemlediğim, hala aşılamamış bir sorundur kötü müşteri sorunu. Daha çok web tasarımcılarının maruz kaldığı bu şiddeti görmezden gelebilmek mümkün değil.
Konunu özü şudur. Sizden hizmet alacak müşteri, alacağı hizmet karşılığı vereceği ücreti net olarak görmekte, ama alacağı hizmetin tam olarak ne olduğuna dair fikir yürütememektedir. Burada hizmet veren bizlerin, niteliklerinin müşteri tarafından anlaşılamaması ciddi bir etkendir. Bu hizmeti sağlayan web emekçilerinin bir iş kültürü oluşturamaması sorunun bizim sorumluluğumuza düşen kısmını oluşturuyor.
Bir süredir ilginizi çeken bir konu web tasarımı, web tabanlı uygulamalar… Ama kafanız karışık, tam olarak ne öğrenmek istediğinizi bilmiyorsunuz. Nereden başlayacağınızı bilmemeniz de üzerine tuz biber oluyor. Bir adım ileri, iki adım geri… Bir ilerleme kaydedemiyorsunuz. Eğer durumunuz bu, ya da buna yakın bir şeyse; işte bu yazı tam size göre.
Bir W3C tavsiyesi olan CSS standardının, ara yüz geliştiricileri tarafından -istenilen seviyede olmasa da- tercih ediliyor olması bizi sevindiriyor. Web geliştiricileri arasında <table> etiketini kullanarak ara yüzleri oluşturmayı tercih eden arkadaşlarımız bulunuyor. CSS ve XHTML’in amacına uygun kullanılmaması durumu yaygınlığını koruyor. Bu teknolojilerin varoluş amaçlarının bilinmemesi, yani bu konudaki bilgi eksikliği, bu durumu yaratan sebeplerin başında geliyor. Bir diğer önemli sebep ise; IE6 merkezli tarayıcı yorum farklılıkları… Bu yorum farklılıkları, XHTML ve CSS’i etkin kullanmak isteyen arkadaşlarımızın ellerini bağlayan bir durum. Bu sorunla ilgilenmek için akla gelen ilk çözüm ise, CSS-Reset (Sıfırlama) tekniği…
CSS ile web uygulamaları geliştirirken benzer tanımlamalar yapmak durumunda kalırız. Teknoloji ne olursa olsun, bir işlemin gerçekleştirilmesi için aynı kodun tekrar tekrar yazılması ciddi bir emek kaybı ve yönetilebilirlik zaafı oluşturmaktadır. CSS dosyaların optimize edilmesi ve gereksiz kural tekrarının önüne geçilmesi amacıyla mümkün olduğunca CSS seçicilerini gruplayarak, gereksiz kod yazımının önüne geçmiş oluruz.
Genel olarak çalışmalarımızda rollover image’leri uygulamayı zenginleştirmek adına kullanırız. Rollover Image, bir imajın üzerine fare ile gelindiğinde, ilgili imajın değişmesi durumudur. Eskiden bu işlemi Javascript kullanarak gerçekleştiriyorduk. Bugün ise CSS kullanarak oldukça hoş rollover image’ler hazırlayabiliyoruz.
Bloguma hoş geldiniz!
Elektrik Mühendisliği bölümünü bitirmeme rağmen yaklaşık 6 yıldır web teknolojileri üzerine çalışmalarda bulunuyorum... Kişisel çalışma ve araştırmalarımın bir özeti olarak gördüğüm bu blogu sizlerle paylaşmaktan mutluluk duymaktayım...
Hakkımda detaylı bilgiye buradan, çalışmalarıma buradan ve iletişim bilgilerime buradan ulaşabilirsiniz...