İletişim için Form Defocuyu takip etmek isteyenlere, RSS - FeedBurnerSanal Alemde Ben, Friendfeed - Flickr - Twitter - Vimeo
Blogumu kurduğumdan beri herhangi bir versiyon güncellemesi yapmamıştım. Yalnız bir süredir aklımda olan bu işi, bugün itibariyle yaptım.
Mevcutta kullandığım Wordpress’in 2.6.2 versiyonunu 2.8′e yükselttim.
Bu işlem sırasında kendisini yorduğum Fikret kardeşime sonsuz teşekkürler. Yine bu güncellemede Wordpress-tr.com sitesindeki Sürüm Güncelleme yazısıyla, bana yardımı dokunan Canarkadaş‘a teşekkürü bir borç bilirim.
Herkese saygılar…
Nedir?
Eskiden insanlar estetiğe önem vermezlerdi, çünkü daha önemli ihtiyaçları vardı. Sonra standartlar yükseldi ve estetik de insanlar için önemli bir ihtiyaç haline geldi. Sonraları estetiğin tek başına yeterli olmadığı farkedildi, bir obje estetik olduğu kadar, kullanışlı da olmalıydı. Ve sonunda o da oldu.
Bu süreç web dünyasında da aynı şekilde ilerledi.
- İlk önceleri web sitelerinin sorunsuz çalışması ziyaretçiler ve site sahipleri için yeterliydi.
- Sonrasında web sitelerini daha hoş göstermek için web tasarımcılarına gerek duyuldu.
- Günümüzdeyse, bir web sitesi sorunsuz bir şekilde çalışmalı, hoş bir tasarıma sahip olmalı ve ziyaretçi siteyi kullanırken hiç ama hiç zorlanmamalı.
İşte bu son söylediğimiz “ziyaretçi siteyi kullanırken hiç ama hiç zorlanmamalı” cümlesi sitenin “Kullanışlılık” düzeyiyle ilgili.
Web sitenizi ziyaret eden kişi, sitenizi kullanamıyorsa, web sitenizin ne kadar harika bir tasarım ve yazılıma sahip olduğunun bir anlamı yok. Bu nedenle web sitelerinizi tasarlarken, ziyaretçilerinizin düşüncelerine önem vermelisiniz.
Ziyaretçilerinizin düşüncelerine ulaşmanın en kolay yoluysa “Kullanışlılık Testleri”…
Bu testlerde 3-4 tane sıradan insandan sitenizi kullanmalarını isteyeceksiniz ve onların yaptıklarını gözlemleyerek, sorunlarınıza çözüm üreteceksiniz.
Bunu en iyi yapan web sitelerinden biri Amazon, zaten daha önce de “Amazon, Kullanıcı Dostu Sitelere Örnek” başlıklı bir yazımla bundan bahsetmiştim.
Sanırım hepinizin aklında “Kullanışlılık Testleri” hakkında bir iki şey oluşmuştur. Bu konu hakkında daha detaylı yazılar yazmaya çalışacağım. Beni izlemeye devam edin.
Sonraki muhtemel yazılar,
- Bir kullanışlılık testi yapabilmek için neler gerekli?
- Örnek bir kullanışlılık testi
Kaynak: Kullanışlı Web Siteleri Yaratma (Steve Krug)
Bugün öğreneceğimiz 2-3 satırlık bir CSS koduyla, köşeleri oval kutular yapacağız.
Bazı tarayıcıların eski versiyonları bu kodu desteklemiyor olsada, kullanımı son derece kolay olduğu için benim tercih nedenim. Kendi blogumun yorum kısmındaki kutucukları da bu kodu kullanarak yaptım. Eskiden bu tip kutular yapmak için harcadığım zamanı düşündüğümde kodun bazı tarayıcılarda çalışmaması canımı sıkmıyor. Çünkü hazırladığım kutucuğun şeklini değiştirmem saniyelerimi alıyor. Kod aşağıda buyrun, deneyin. Ne demek istediğimi daha rahat anlayacaksınız.
Bugün itibariyle blogumun temasını yeniledim.
Eski temam Defocu 2008, WP'ye yaptığım ilk temaydı. Kendisini yaklaşık 10 ay kullandım. Bugün itibariyleyse eski temamı paylaşıma açıyorum. Kendisiyle ilgili tek söyleyebileceğim, oldukça sade bir tema olması.
İsteyenler buyursun indirsin. İndirme linki...
Web tasarımcılarının kullanmaktan büyük zevk aldığı ve işlerini oldukça kolaylaştıran "png" uzantılı resimlerin, gün geçtikçe kullanım oranı artıyor.
Yalnız bilindiği üzere bu resimlerin saydam (alpha-transparent) olan kısımları IE6'da sorun çıkarıyor. Eğer ziyaretçilerimiz, sitemizi IE6 ile ziyaret ediyorlarsa ki, hala IE6'yı kullanan büyük bir kitle var. Resimlerimizin normalde görülmemesi gereken saydam kısımlarını, açık mavi olarak görüyorlar. Bu da hem onlar, hemde bizim için çok can sıkıcı bir durum.
Bu sorunun ön kolay çözümü,
http://unitinteractive.com/labs/unitpngfix.php' sayfasındaki küçük bir javascript dosyasında saklı. Şimdi bu sayfadaki dosyayı bilgisayarımıza indirip, aşağıdaki işlemleri sırasıyla yapalım.
1 - Dosyayı bilgisayarımıza indikten sonra, sıkıştırılmış dosyayı açıp içindeki klasörü çıkaralarım. Klasörün içinde gelen "clear.gif" ve "unitpngfix.js" dosyaları bize lazım olan dosyalar. Bunları web sitemizin ilgili yerlerine taşıyalım.
2 - Sonrasında "unitpngfix.js" dosyasını açıp içindeki kodlardan
kodunu bulalım ve "clear.gif"adlı resmi taşıdığımız yerin uzantısını burada doğru bir şekilde düzenliyelim.
3 - Son olarakta png uzantılı resmimizin bulunduğu sayfanın tepesine, javascript dosyamızı ekliyoruz. Hepsi bu kadar.
