Hüseyin Emanet – Web Arayüz Günlüğü

Diğer bir font-replacement tekniklerinden olan Cufón‘u bir diğer yazıda incelemiştik. Bu yazıda da @font-face metodunu inceleyeceğiz. @font-face, font-replacement teknikleri arasında kesinlikle en çok dikkat çeken yöntemlerden biri. İlk olarak CSS2 ile birlikte gelmişti, ancak yaşattığı bazı sorunlar sebebiyle rafa kaldırılıp, CSS3 ile birlikte tekrar gündeme oturmuştur.

Her ikisi de web geliştiricileri arasında oldukça popüler, ancak hangisi en iyisi? Sean Gaffney bu konuda küçük bir araştırma yaparak bizlere hangisinin daha üstün olduğunu göstermiş.

CSS ve JavaScript, birbirlerinden çok farklı 2 kavram. CSS, içeriğinizi stillendirebilmek için gerekli olan bir dil, ancak sınırlı. JavaScript ise bir web sayfasındaki tüm elemanlara müdahele edebileceğimiz ve onlara çeşitli atraksiyonlar katabileceğimiz bir dil.

CSS3 ile, geride bıraktığımız yıllara nazaran pek çok yeni ve etkileyici özellikler bizlere sunuldu. Bazı insanlar CSS’in websitelerini şekillendirebilmek için kullanılabilecek tek yol olduğunu düşünürler. Bu kişilerin bu düşüncelerinde yanıldıklarını söylemekle kalmayıp bir de üzerine CSS’in ve JavaScript’in avantajlarını ve dezavantajlarını bu yazıda sizlere açıklayacağım. O zaman vakit kaybetmeden başlayalım…

CSS, web dilleri arasında öğrenebileceğiniz en temel ve basit dillerden bir tanesi. Yani, bir websitesinin görünüme etki eden elemanlara stil vermek her zaman kolay ve zevkli bir iş olmuştur ve syntax (yazım şekli) İngilizce olduğu için gayet basit ve anlaşılabilir bir dilden ibarettir. Bir yerdeki yazı boyutunu değiştirmek istediğimiz zaman örneğin, font-size özelliğini kullanırız. Rengi değiştirmek istediğimizde, color özelliğini kullanırız.

Ancak tüm bunlara rağmen, CSS komplike bir sistemdir. Özellikle de bir ajansa bağlı ya da freelance işler icra eden, profesyonel, uzman biriyseniz, yazmış ve yazacak olduğunuz kodları en aza indirgeyerek, tek bir kod ile birçok işi halledebilecek türde kodlar yazmak sizin için önemli olmalıdır ve daha da önemlisi çoklu tarayıcı desteğini göz önünde bulundurursak, işiniz bir hayli zor görünebilir. Bu yazıda birçok kişinin bilerek/bilmeyerek yaptığı CSS hatalarından bahsedeceğim…

Mozilla Firefox kullanıcısı olarak genel anlamda websitelerindeki iç ve dış bağlantıların etrafında oluşan kesik çizgilerden rahatsız olan birisiyim. Bu, bir sorun değil, varolan bir özellik. Ancak bu durumdan hoşnut olduğum söylenemez. Bu durumdan yalnızca ben değil, birçok web geliştiricisi rahatsız. Ancak bazıları bunun kaldırılmaması gerektiğini savunanlardan.

Geçenlerde bir web sayfasının kodlamasında karşılaştığım bir sorun yüzünden telaşına düştüğüm için bu yazıyı hazırlamaya karar verdim. Sorunum şöyleydi. Hazırlamış olduğum gelişmiş yapılı bir menü Firefox, Chrome ve Internet Explorer’da sorunsuz çalışırken Opera’da aşağıya kaymış görünüyordu. Kısa bir araştırma sonrasında ihtiyacım olan ufak bir uygulamayla karşılaştım.