Internet Explorer 9 hakkında birçok haber dönüp dolaşıyor Internette, herkes bu seferki IE sürümünü merakla beklerken bir yandan da Microsoft, geliştiriciler için IE Platform Preview’ı sundu. Bu yazılım sayesinde, IE9′u test edebileceksiniz, gördüğünüz hataları Microsoft’a rapor edebileceksiniz. Böylece onlar da hataların giderilmesini sağlayacaklar. Web tasarım ve geliştiriciler için harika bir yazılım doğrusu.
Kendi adıma konuşmam gerekirse; Ufak bir test sürüşü yaptım, basit ama geliştirme aşamasında mutlaka onarılacak hatalar gördüm. Bunların dışında birçok yeni özelliği destekliyor, yani ümit verici. Umarım da öyle olur ve tasarımlarda bir de Internet Explorer için ayrıca uğraşmamız gerekmez.
Internet Explorer Platform Preview’ı bu adresten edinebilirsiniz, birkaç dakika içerisinde yüklenir, ve bir restart’dan sonra da çalışır hale gelir. Kolay gelsin. 
Birçok blogda footer kısmında mevcuttur, yukarı çık şeklinde bir buton vardır, ve tıkladığınızda yavaş bir şekilde sayfanın en üstüne çıkar. İşte bu yazıda da sizlere bu özelliği, yazılar arası geçişlerde nasıl kullanılacağını WebDesignerWall‘da gördüğüm yazıyı Türkçeleştirerek anlatacağım. Tabii yalnızca yazılar arası geçiş olması şart değil, bunu birçok farklı yerde de kullanabilirsiniz. Ama bu yazıdaki asıl kullanım amacı yazılar arası atlama yapmak içindir. Neyse konuya gelelim…
Belki birçok blogda görmüşsünüzdür. Oldukça güzel bir özellik. CSS’de herhangi bir id veya class’a gölge efekti veriyor bu özellik. Bunu birçok yerde kullanabilirsiniz. Mesela ben yazı içerisindeki resimlere ekledim bu özelliği.
Bu css hilesi yalnızca Mozilla Firefox ve webkit tabanlı tarayıcılarda geçerli. Yani Internet Explorer ve Opera tarayıcılarında geçerli değil.
Mozilla Firefox için:
-moz-box-shadow: 0 0 5px #666;
Webkit tabanlı tarayıcılar için:
-webkit-box-shadow: 0 0 5px #666;
Kodları geçerli olacaktır. Demo sayfasından da canlı bir örneğini görebilirsiniz.
Az önce tesadüfen keşfettiğim harika bir servis olan Styleneat, adından da anlaşılacağı gibi stil (css) dosyalarınızı organize eden bir servis. Düzensiz bir şekilde kodladığınız stil dosyanızı üç farklı yöntem ile yükleyip istediğiniz formatta (multi-line veya single line) düzenleyebiliyorsunuz. Zamandan kazanmanızı sağlayan harika bir servis. Aklınızın bir köşesinde bulunsun, ileride lazım olur.
En son, temadaki iyileştirmeleri yaparken IE6′da sidebardaki tab menünüm sorun yarattığını farkettim. Bunun üzerine ufak bir araştırma yaptım ve David Walsh Blog‘da sorunun neden kaynaklandığını ve nasıl çözüleceğini anlatan bir yazı buldum. Sonuç olarak sorunu çözdüm ve burada da anlatayım dedim.
Bu sorunu halleden ufak bir css kodu var. Aşağıdaki örnek kodu orijinal yazıdan aynen aldım ve kodda normalde hiçbir problem yok. Fakat IE6 için yetersiz kalıyor:
#global-column-1{ margin:0 0 0 33px; padding:0 20px 0 0; width:255px; float:left; }
#global-column-2 { margin:0 0 30px 30px; width:250px; float:left; }Yukarıdaki kod IE6 hariç hiçbir tarayıcıda sorun çıkarmayacaktır, ancak IE6′da double margin/padding ile ilgili bug olduğu için için kod çalışmayacaktır.
Aynı koda ufak bir ekleme yaparak bu sorunu düzeltebiliriz.
#global-column-1 { margin:0 0 0 33px; padding:0 20px 0 0; width:255px; float:left; } * html #global-column-1 { display:inline; }
#global-column-2 { margin:0 0 30px 30px; width:250px; float:left; }Yukarıda yer alan display:inline; asıl sorunu düzelten koddur, * html #global-column-1 ifadesi ise yalnızca IE6 tarafından görüntülenmektedir. Yani bu ifadeyi kullanmasak da sorun çözülür.
Kaynak: David Walsh Blog
Çok hoşuma giden bir eklentidir. Hızlıca anlatayım; Örneğin Google’dan bir şey ararken, Firefox’da adres çubuğuna kelimeyi yazıp enter’a basmamız yetiyor. Ancak işin içine başka aramalar girince önce aramayı yapacağımız web siteye girip, daha sonra oradaki arama kutusunu bulup sonra başlıyorduk aramaya.
İşte bu eklenti sayesinde herhangi bir web sitedeki arama kutularını tek bir yere toplayabiliriz. Ve arama çubuğunda en sağ kısımdan neyi nerede arayacaksak tek tık ile aktif edebilir ve daha sonra adres çubuğuna yazdığımız arama terimini o web site üzerinden aratmış oluruz. Aşağıdaki resimde benim arama yaptığım sitelerin bir listesi var. İstediğimi aktif edip, araç çubuğuna kelimeyi yazıp aratıyorum.
Google’ın en son yeniliği arkaplan özelliği oldu sanırım. Tıpkı Bing‘de olduğu gibi Google’a da arkaplan ekleyebiliyoruz, bir süredir bu özellik google.com.tr‘de aktif değildi, ancak artık aktif. Bu özelliği kullanabilmek için sol alt köşedeki arkaplan resmini değiştir linkine tıklayın ve galeriden bir resim seçin.
Bu da benim arkaplanım.
Bugün temada değişiklikler yaparken sık sık bu web aracını kullandım, hazır da boşluğu yakalamışken hakkında bir yazı yazayım dedim. Basit bir şekilde özetlersek -ki zaten karmaşık bir şey değil - pxtoem aracı px değerlerini em değerlerine dönüştürüyor. Yani, eğer CSS’de ölçülendirmelerinizi px ile yaptıysanız em biçimine çevirebilir veya em ile yaptıysanız px‘e çevirebilirsiniz. Ayrıca PX ve EM arasındaki farklara bakmak isterseniz şu yazıyı okumanızı tavsiye ederim.
Evet, sonunda bitti. Başlıkta 1. yıl teması diyor ama henüz ilk yılımı doldurmadım. Fakat temayı şimdiden kullanma kararı aldım. Sizleri de bekletmek istemedim.
Her neyse, yaklaşık 4 günlük bir çalışmanın ardından temayı bitirebildim. Şu anda da gördüğünüz gibi bir tema oldu. Beğenmeyenler olacak mutlaka. Kendi zevklerime göre tasarlanmış bir tema oldu, tabii ziyaretçilerimi de düşündüm. Çok fazla görselliğe gerek duymadım. Bu ilk versiyonunda olabildiğince sade tasarladım. Yazının devamında da tasarımı oluştururken yararlandığım kaynakları ve tema hakkında biraz bilgi vereceğim.
