CSS Frameworklerinin Artıları ve Eksileri

CSS Framework (CSS Çatısı) kullanarak, kodlamak için harcadığınız zamanı önemli ölçüde azaltmanız mümkün.

Önceden hazırlanmış bir CSS çatısı (CSS Framework) web sitesi sahiplerini vezir de edebilir rezil de. İngilizce yayım yapan Design Shack sitesinde yayımlanan bu makalede, CSS çatılarını kullanmanın artılarını ve eksilerini bir arada bulacak ve günümüzün popüler CSS çatılarının bir listesine ulaşacaksınız.

CSS Framework Nedir?

CSS çatıları karmaşık web sitelerinin geliştirme aşamasını kolaylaştırmayı hedeflemektedir. Buna ulaşabilmek için, CSS çatıları önceden tanımlanmış kod kütüphaneleri ve HTML kodunuzda kullanabileceğiniz sayısız kod ile birlikte gelmektedir. Örneğin, ızgara (grid) tabanlı çatılar, birden fazla sütuna sahip anahatlar oluşturmayı kolaylaştırabilecek bir dizi ön tanımlı CSS sınıfı ile birlikte gelmektedir.

5 Popüler CSS Çatısı

Aşağıda, en çok kullanılan CSS çatılarının kısa bir listesi ile her bir CSS çatısının açıklamasını bulacaksınız.

Blueprint CSS

BluePrint bir CSS çatısı olup arayüz geliştirme için harcadığınız zamanı kısaltmayı hedeflemektedir. Blueprint, projenizi üzerine inşa edebileceğiniz güçlü bir altyapının yanısıra kullanımı kolay bir ızgara sistemi, tipografi, kullanışlı eklentiler ve yazıcı uyumlu bir CSS çatısı ile birlikte gelmektedir.

Elements

Elements temel bir CSS çatısı olup tasarımcıların CSS kodunu daha hızlı ve verimli yazabilmelerine yardımcı olmayı hedeflemektedir. Elements, bir framework olmanın da ötüsünde kendi proje yönetim araçlarını da içermektedir. Bir projenin tamamlanmasına yardımcı olacak her şeyi içeren bu çatı ile oluşturduğunuz web siteleri hem sizi hem de müşterilerinizi memnun edecektir.

YUI 2: Grids CSS

YUI Grids CSS dört adet ön tanımlı sayfa genişliğini, altı adet ön tanımlı şablonu ve iki, üç ya da dört sütunlu alt bölümleri birbirinin içerisine yerleştirmeyi desteklemektedir. 4KB’lık dosya 1000′in üzerinde sayfa anahat kombinasyonunu içermektedir.

Logic CSS

Logic CSS bir dizi CSS dosyasını ve aracı içeren ve arayüz geliştirmek için harcanan süreyi kısaltmayı hedefleyen bir CSS çatısıdır. Çatının içerdiği kod, web standartları ile uyumlu anahatların ve şablonların oluşturulmasını da desteklemektedir.

Elastic CSS

Web tabanlı arayüzlerin anahatlarını oluşturmak için kullanabileceğiniz basit bir CSS çatısı olan Elastic CSS, 4 sütuna sahip basılı anahat teknikleri baz alınarak oluşturulmuştur ve sınırsız sütun kombinasyonlarını desteklemektedir. Ayrıca bu CSS çatısı ile elastik, sabit ve yüzen (liquid) anahatları kolayca oluşturabilirsiniz.

CSS Framework Kullanımının Artıları

Doğru bir şekilde kullanıldığında, CSS çatıları anahat oluşturmak için harcadığınız süreyi önemli ölçüde kısaltacaktır. Aşağıda, CSS çatısı kullanmanın size sunduğu faydaların bir listesini bulacaksınız.

Çapraz tarayıcı uyumluluğu

Bence CSS çatıları kullanmanın en önemli artısı budur. Karmaşık anahatları kodlamak ve bunun sonucunda tüm tarayıcılar üzerinde ilgili anahattın sorunsuz çalışmasını sağlamak bazen bir kabusa dönüşebilir. CSS çatılarının pek çoğu bu sorunu gidermiş olduğundan içeriğiniz tüm tarayıcılarda sorunsuz bir şekilde görüntülenecektir.

Daha hızlı geliştirme

Eğer çok sayıda web sitesi kodluyorsanız, kaliteli bir CSS çatısı aynı kodları tekrar tekrar yazarak zaman kaybetmenizin önüne geçer. Hatta bazı çatılar önceden tanımlanmış düğme stilleri gibi bazı stil kodlarını da içerirler ve bu da size işin yaratıcılık yönünde zaman kazanmanızı sağlar.

Tutarlılık

CSS çatıları sunduğu standart seçiciler sayesinde geliştirdiğiniz tüm web sitelerinde bu seçicileri kullanmanızı gerektirir. Bunun sonucunda da doğal olarak kodunuzda bir tutarlılık oluşur. Bu sayede bir yıl önce kodladığınız web sitesinin koduna baktığınızda, kod size sanki daha dün kodlamışçasına çok daha anlamlı gelecektir.

Temiz, simetrik anahatlar

Eğer siz de benim gibiyseniz, ölçülerinizi gözünüzle kontrol eder ve onaylarsınız. CSS frameworklerinin pek çoğu katı ızgara tabanlı sistemler baz alınarak hazırlandığından, anahatlarınızın piksel bazında doğru ve kaliteli olması sağlanır.

CSS Framework Kullanımının Eksileri

CSS çatılarının artılarından bahsettik. Ancak her güzelin bir kusuru olduğu gibi CSS çatısı kullanmanın da kusurları mevcuttur. Aşağıdaki olumsuz özelliklerin küçük sorunlardan ziyade pek çok geliştiriciyi CSS çatısı kullanmaktan uzak tutan önemli sorunlar olduğunu aklınızda bulundurun.

Fazladan kod

Ben kodumun temiz ve mümkün olduğu kadar kısa olmasını tercih ederim. CSS çatıları sebebiyle ne yazık ki bu durum mümkün değildir. En sevdiğiniz çatının kodu özenle yazılmış olsa bile, o kodların yarısını sitenizde kullanmayacak olmanız olasıdır. Bunun sebebi, CSS çatılarının farklı anahat olasılıklarını desteklemek için pek çok kodu içeriyor olmalarıdır. Siz kullanacağınız seçicileri belirleyip kullanırsınız ancak kullanmadığınız seçiciler de kod içerisinde durmaya devam eder. Elbette tüm kodu inceleyip kullanmadığınız kodları silmeniz mümkün ancak bu hem zaman alır hem de işin hızlı geliştirme yapma fikrini zedelemiş olur.

Özgürlükten kısıtlama

CSS çatısı kullanmak kodlamada sizi bazen köşeye sıkışmış gibi hissetmenize yol açabilir. Beni yanlış anlamayın, düzenli olmak elbette gereklidir, ancak yeni yapılar üzerinde yaratıcı bir şekilde araştırma yapmak geliştiricileri ayakta tutan ve yeni kodlama dillerini öğrenmelerini sağlayan yegane şeydir. Bu işlem, beyninizin yaratıcı kısmının daha az çalışmasına ve kalite yerine ne kadar çok iş çıkarırsam o kadar iyi mantalitesinin yerleşmesine yol açabilir.

Dayatılmış semantik değişiklikler

Eğer deneyimli bir geliştirici iseniz, muhtemelen sık kullandığınız pek çok HTML ve CSS elementi ve seçicisi mevcuttur. Bir CSS çatısı kullanarak yeni bir sistemi entegre etmek zorunda kalırsınız ve ilk zamanlarda bu işlem rahatsız edici olabilir. Her ne kadar CSS çatılarının ön tanımlı kodlarını öğrenmek ilk aşamada zor olmasa da, eğer kendi kurallarınıza çok alışmışsanız, ilk aşamada size bu durum çok zor gelecektir.

Sonuç

Gördüğünüz üzere her iki taraftada tartışmaya açık pek çok konu mevcut. Her ne olursa olsun CSS çatısı kullanmak isteyip istememek tamamen sizin tercihinize ve kişiliğinize kalmış durumda. Eğer bana soracak olursanız, özellikle son 2 yıldır CSS çatıları olmasaydı işim çok ama çok daha zor olurdu diye düşünüyorum. Özellikle son zamanlarda tüm projelerimde Blueprint CSS çatısını kullanmaya özen gösteriyorum.

CSS çatısı kullanmanın temiz kod yazımını teşvik etmesi ve bunun da SEO‘ya doğrudan pozitif etkisi olduğu için, özellikle hand-coding adı verilen ve herhangi üçüncü parti bir yazılım kullanmadan kodlama yöntemini kullanmaya yatkın olmayan kişiler için de CSS çatısı kullanmanın avantajları çoktur.

CSS çatıları hakkında sizin düşünceleriniz neler? Sitenizde herhangi bir CSS çatısını kullanıyor musunuz? Yorumlarınızla paylaşın.

Etiketler: Çapraz Tarayıcı Uyumluluğu, CSS, Kodlama