CSS Framework'ler (çerçeveler), web sayfalarını standartlara uyumlu, daha kolay ve düzenli stil sağlamak için önceden yazılmış Cascading Style Sheet kütüphaneleridir.

CSS çerçeveler, geliştiricilerin tasarımlarını hızlıca yapabilecekleri bir prototip sağladığı için, son zamanlarda popülaritesi artmaya başladı. Bu hazır çerçeveler, her sitede tekrar tekrar yapılması gereken görevlerin tüm ağırlığını aldığı için, tasarımcıların kısa sürede daha eğlenceli ve güzel işler çıkarmasını da sağladı.

İyi bir CSS Çerçeve'nin temel özellikleri

  • Kod yazma süresini kısaltır
  • CSS kodlarının boyutunu azaltır
  • Çok iyi dokümantasyon ve ders notları bulunur
  • Temiz ızgara (grid) yapısı barındırır

Dilerseniz CSS kodlayıcıların arasında yaygın olan birkaç CSS Framwork'e sırasıyla göz atalım.

960 CSS Framework

960 CSS Framework

960 Grid System, 960 piksel genişliğini baz alarak, sık kullanılan ölçüleri sunan, web geliştirme iş akışını hızlandıran güzel bir araç. İki türevi mevcuttur: 12 ve 16 kolon sistemi. Bunlar ayrı ayrı ya da bir arada kullanılabilir. 960.css dosyası, sadece 3.6 KB büyüklüğündedir.

Blueprint CSS Framework

Blueprint CSS Framework

Blueprint CSS, geliştirme zamanını azaltmayı amaçlayan bir CSS çerçevesidir. İçeriğinde kolay kullanımlı ızgaralar, mantıklı tipografi, güzel görünümlü formlar ve baskı için geliştirilmiş bir stil ile birlikte, üstüne proje oluşturmak için sağlam bir CSS temeli bulundurmakta. Ana özelliğinden biri de, tarayıcıların varsayılan stillerini sıfırlayarak, özelleştirilebilir mizanpaj ızgaraları sunmasıdır.

The jQuery UI CSS Framework

The jQuery UI CSS Framework

jQuery UI, özel jQuery widget'ları oluşturmak için tasarlanmış sağlam bir CSS çerçevesidir. Çerçeve, ortak kullanıcı arabirimi ihtiyaçlarının geniş bir dizisini kapsamakta ve jQuery UI ThemeRoller kullanılarak manipüle edilebilme imkanı sunmaktadır.

YAML

YAML

Yaml (Yet Another Multicolumn Layout) esnek sayfa yapısı odaklı, elastik veya sabit düzenler için sütun ve grid tabanlı tasarım öğeleri sunuyor. Ücretli olarak sunulan bu framewok'ü kullanmak için bir lisans satın almanız gerekmekte. YAML güzel bir Ajax oluşturucu ve sürükle-bırak yöntemiyle kullanabileceğiniz YAML tabanlı CSS düzenlerini kapsayan geniş bir araç ile birlikte geliyor. Geçerli HTML ve CSS kod anında otomatik olarak oluşturulur.

Yahoo YUI Grids CSS

Yahoo YUI Grids CSS

Temel YUI Izgaralar, önceden ayarlanmış dört farklı sayfa genişliği, önceden ayarlanmış altı css şablonu ve iki, üç, ya da dört sütuna bölünebilen bölgeler sunmaktadır. 4kb dosyasında, 1000'den fazla sayfa düzeni kombinasyonu içermektedir. Gelişmiş özellikleri: Kendi kendine temizleme altbilgisi, sabit genişlikli düzenleri için genişliği özelleştirme, akışkan genişliği (%100) düzenleri ve daha fazlasını destekler.