oztecnic@blog

Yakın zamanda hayata geçen BlogKüme projesine katkı sunmak adına Yakuter görüşlerini bizlerle paylaşmıştı. Bu paylaşımın ardından, projeye bir tavsiye listesi sunmak adına hoş bir oyunu okuyucularına duyurdu.

Konuyla ilgili bir önceki yazımızda CSS özellik seçicilerini kullanarak daha erişilebilir ve kullanıcı dostu linkler oluşturmuştuk ve ne yazık ki IE6’nın kodlarımızı algılamadığını birlikte tecrübe etmiştik. CSS kullanarak yaptığımız bu işi, bu sefer JQuery kullanarak gerçekleştireceğiz.

CSS’in ikinci sürümü ile birlikte gelen Evrensel Seçici (Universal Selector) (*), bir XHTML doküman içerisindeki bütün ögeleri hızlıca seçmemizi sağlar.

Web geliştiricileri, CSS imaj yerine koyma tekniklerindeki erişilebilirlik sorunlarını aşabilmek ve kullanılmak istenen her imajı tek tek hazırlamak derdinden kurtulabilmek için Javascript destekli yeni teknikler geliştiriyorlar.

CSS’de, XHTML ögeleri şekillendirebilmek için öncelikle onları seçmemiz gerekir. Bu seçme işlemini CSS’in bize sağladığı seçicileri (selectors) kullanarak gerçekleştiririz. İsterseniz hızlıca seçicilerimizi tanıyalım.

Yıllardır uygulamalarımı geliştirirken kullandığım Dreamweaver, her sürümde bünyesine dâhil ettiği basit, ama kullanışlı özellikleriyle bir şekilde çantamda kendine yer bulmayı başardı. Ne kadar WYSIWYG Prensibini yıllar önce terk etmiş olsam da, Dreamweaver iyi düşünülmüş özellikleriyle vazgeçilmez olmayı bir şekilde başarıyor.

Serinin bu dördüncü yazısında, Seamus Leahy ve Stuart Langridge tarafından geliştirilen teknikten bahsedeceğim. Bu teknik, yazıyla değiştirilecek blok elemanın yüksekliğinin 0px tutularak, yazının gösterilmemesi ilkesine dayanıyor. Arka planda resmin gösterilebilmesi için ise, resmin yüksekliğinde bir padding-top değeri uygulanır.