CSS Framework – CSS Yapıları
Daha önce hatırlarsanız http://www.kadirgunay.com/web-standartlarinda-en-bilinen-5-yanlis-anlasilma.html bağlantılı yazımda standartlara uymak istiyorsanız muhakkak web sitelerinizi CSS ile kodlamalısınız demiştim ve bunun etkilerini anlatmıştım. İşte bu yazımda da sizlere CSS Yapıları yani Framework dediğimiz olayı anlatacağım. Framework kelimesinin karşılığına baktığımızda önümüze çokca seçenek sunuluyor; “yapı, çatı, iskelet, kadro ve kafes” bunlardan en bilinen kelimeler. Ben genel anlamda yapı dedim. Sonuç olarak yaptıkları iş de bu kelimeye uygun.
Framework – Yapı Nedir?
Framework işi gereği hazır sınıfların, betik kodlarının ve örneklerin bulunduğu yapıların genel adıdır. Hemen hemen her yazılım dilinin kendine özgü bir veya birden fazla çeşitli işlere yaran yapıları ve bu yapılara ait hazır kodları, örnekleri bulunur.
Framework Ne İşe Yarar?
Genel olarak düşündüğümüzde;
- Hızlı üretim
- Bakımı kolaylaştırmak (güncelleme, değişiklik v.b durumlar)
- Projeye modülerlik kazandırma
- Farklı projeleri birleştirme ve yeniden kullanma
- Açık kaynak kod (tüm frameworkler değil)
gibi işlevsellikler sağlar.
CSS Frameworkleri – Yapıları Nedir, Nasıl Kullanılır?
Google’ da “css framework” diye arama yaptığınızda karşınıza bilindik css yapıları çıkacaktır. Bunlar,
Yukarıda verdiğim CSS Yapılarını açık kaynak kod oldukları için kolayca indirip kullanabilirsiniz. Örneklerin içinde çok güzel ve işinizi çok kolaylaştıracak kod örnekleri mevcut. Örnek verirsek, 2 kolonlu ve daha fazla kolonlu css kodlamaları, menu (navigasyon örnekleri), ie6 ve alt versiyonları için kutu modelleme ve hackler, css sıfırlama v.b daha bir çok kod örneğini göreceksiniz.
Bu css yapıları sayesinde kısa zamanda web sitelerinizin çatılarını oturtabilir ve daha hızlı bir şekilde css kodlaması yapabilirsiniz.
Kaynak Siteler;
- http://www.sinerjik.org/yazi/css-framework-tasarimlar-icin-iskeletler/
- http://www.wymstyle.org/en/
- http://elements.projectdesigns.org/
- http://www.alistapart.com/articles/frameworksfordesigners