Bir web uygulamasında imajları görselliği zenginleştirmek adına kullanırız.  Bu birbirinden bağımsız imajlar tarayıcı tarafında yüklenirken, sunucundan her biri için ayrı HTTP isteğinde bulunulur. Ne kadar çok imaj, o kadar çok istek demektir.  Bu istekler ne kadar çoksa, sunucuya da o kadar çok yük biner. CSS Sprite olarak bilinen bu teknikle, web uygulamasında kullanılan imajların mümkün olduğunca birleştirilerek, HTTP istek sayısının düşürülmesi ve dolayısıyla sunucuya binen yükün mümkün olduğunca azaltılması sağlanır.

Aslında bu duruma ne kadar sorun denir tartışılır, ama konunun özü şu. Diyelim ki bir web sayfası hazırlıyorsunuz ve oluşturduğunuz tasarımda, body arka plana bir resim atamayı düşünüyorsunuz. Bu işi gerçekleştirebilmek için CSS background özelliğini kullanıyoruz.

Pseudo sınıf ve elementleri, diğer CSS Seçicilerinden farklı olarak, XHTML elementlerin seçilmesi işlemini, elementlerin özel durumlarına göre yapmamıza imkân tanır. Böylece XHTML doküman yapısı içerisinden erişemediğimiz elementlere özel olarak erişmiş oluruz.  Yani, pseudo sınıf ve elementlerini kullanarak bir linki, tıklanmış olma ya da olmama durumuna göre farklı olarak şekillendirebiliriz, ya da bir paragrafın ilk satırını ya da ilk harfini dinamik olarak seçebiliriz. CSS pseudo sınıfları ve elementleri CSS3 ile daha da zenginleşiyor. Buradan yeni pseudo sınıflarını görebilirsiniz.

WYSIWYG (What You See Is What You Get – Gördüğün Alacağındır.) prensibine dayalı IDE’ler, biz web geliştiricilerin belli bir dönem en çok faydalandıkları araçlar oldular. WYSIWYG dendiğinde aklımıza ilk gelmesi gereken IDE, yıllardır bir satır kod bilmeden sürükle-bırak, tıkla mantığıyla web uygulamaları yapmamıza imkân veren Dreamweaver’dır. Bugün için, bu tarz IDE’lerin WYSIWYG özellikleri ve sürükle-bırak mantığı profesyonel web geliştiricileri için önemini yitirdi diyebiliriz. Bunun başlıca sebebi, web uygulamaları geliştirme süreçlerinde, web standartları kavramı ve bu kavram çevresinde şekillenen XHTML ve CSS’in kendini iyice hissettiriyor olması…

Temel CSS seçicilerinden olan sınıf (class) seçicileri şu yazımda sizlere paylaşmıştım. CSS ile XHTML içeriğimizi şekillendirirken aslında sadece bir sınıf seçici kullanmak durumunda değiliz. Uygulamanın ihtiyaçlarına göre, bazı XHTML elementlerinde çoklu sınıf kullanmamız gerekebilir.

Bu yazımda sizlere, kendim için faydalı gördüğüm ve sizler için de faydalı olabileceğini düşündüğüm yazılardan oluşan bir derleme sunacağım. Belki de daha önce okuduğunuz yazılar bunlar. Sorun değil! Bir daha, bir daha okumak gerek bu tadından yenmez yazıları…

CSS’de ilk adım seçim yapmaktır. CSS, bize sağladığı özellik seçiciler ile bu seçme işlemini daha spesifik ve etiketlerin özelliklerine göre yapmamıza imkan tanır. Bazı durumlarda XHTML elementlerin özelliklerine göre seçim yapmak ihtiyacı duyabiliriz. Şu yazımda özellik seçicilerin pratikte nasıl kullanılabileceğini örneklemeye çalışmıştım.