“Eğer düzenli olarak web siteleri oluşturan ve geliştiren kişilerden biriyseniz, o zaman şablon (template) oluşturma, kullanışlı kodları arşivleme ve bunun gibi diğer şeyler hakkında düşünmeye başlamalısınız. Özellikle bu gibi şeyleri geliştirme işlemi süresini kısaltmak için yapmalısınız, bu sayede her yeni bir proje başlangıcında bu şablon üzerinde gerekli değişiklikleri yaparak aynı şeyleri tekrar tekrar yazmak zorunda kalmazsınız. Ancak bu tip kod parçacıklarını ya da başkaları tarafından hazırlanmış eserleri projenizde kullanmaya başlamadan önce mutlaka ama mutlaka indirdiğiniz ürünün lisans sözleşmelerini okuyun… Pek çok geliştirici ve tasarımcı, Internet üzerinden ücretsiz olarak dağıttıkları içeriği çoğunlukla bireysel kullanımlar için ücretsiz, kurumsal kullanımlar için ücretli olarak yayımlarlar.Yazımın devamında kendimce en iyilerin en iyilerini derlediğim ve web tasarımcıları için gerçekten kullanışlı 12 css framework’ünü, şablonunu ve kod sitesini bulacaksınız.
1. CSSTidy

“CSSTidy açık kaynaklı bir CSS bölümleyicisi ve optimize edicisidir. Komut satırı üzerinden kontrol edilebilen ve Windows, Linux ve Mac için ayrı ayrı sürümleri bulunan bu uygulamanın ayrıca bir PHP betiği de bulunuyor. Gerek masaüstü yazılımı gerekse de PHP betiği aşağı yukarı aynı özelliklere sahip.

Pek çok diğer CSS bölümleyicisinin aksine herhangi bir kurallı ifadenin kullanılmamış olması, tam CSS2 desteği ve yüksek kararlılığı ile CSSTidy, benzerlerinden ayrılıyor.”Bu bilgiyi kendi siteleri üzerinden çevirdim, zira her şeyi benim açıklayabileceğimden çok daha iyi özetlemiş.Bazı insanlar derhal şu soruyu sorabilirler: Neden CSS kodumu optimize etmeliyim? Sadece kodunuzun daha temiz olmasının yanısıra ilgili kodları yüklediğiniz sayfaların daha hızlı açılması gibi nedenler hem ziyaretçilerinizi hem de sizi memnun edeceğinden, kodunuzu optimize etmemeniz için herhangi bir sebep bulunmamaktadır.* Masaüstü Yazılımı* Çevrimiçi Sürümü2. Clean CSS

Bu da CSS Tidy ile benzer işi yapmasına rağmen daha güzel görünüyor. Benim iyi tasarımlara olan ilgim ağır bastığı için ben bu aracı tercih ediyorum. Ancak seçim sizin! Kendi favorinizi seçin, ve dilerseniz nedenleri ile birlikte yorumlarınızı yazın.3. BluePrint CSS

Daha önce BluePrint CSS Framework’ü hakkında yazdığım detaylı makaleyi eğer hala okumadıysanız hemen şimdi bir göz atmanızı şiddetle öneririm. BluePrint bir CSS Framework‘ü olup CSS geliştirmek için harcadığınız zamanı kısaltmayı hedeflemektedir. BluePrint CSS Framework’ü, kullanımı kolay ızgara sistemi, işlevsel tipografisi ve hatta yazıcı çıktısı için ayrı bir stil şablonu ile projelerinizi üzerine inşa etmeniz için mükemmel bir temel sunar.”Çok kullanışlı şablon dosyaları sayesinde aynı şeyi tekrar tekrar kodlamanın önüne geçerek, zamanınızı tasarıma ve projenizin işlevselliğine odaklamanız, BluePrint CSS Framework’ü sayesinde artık mümkün.

Eğer siz de popülerliği gittikçe artan bu Framework hakkında ayrıntılı bilgi sahibi olmak ve nasıl kullanılacağını öğrenmek istiyorsanız, o zaman BluePrint CSS Framework’ü Nasıl Kullanılır başlıklı yazımı mutlaka okuyun.4. Code-Sucks

Pek çok farklı CSS anahattı (CSS layout), kod parçacıkları (CSS, JavaScript, PHP) ve web site şablonlarını (template) içeren bu site özellikle web geliştirme aşaması sırasında oldukça kullanışlı hale geliyor.

5. Snipplr

Snipplr özellikle pek çok kod parçacığını (JavaScript, HTML, PHP, CSS, Ruby) depolamak ve organize etmek için çok kullanışlı bir araç. Özellikle bu kod parçacıkları, sizin de tahmin edeceğiniz üzere web geliştirme aşaması sırasında oldukça kullanışlı hale geliyor. Ayrıca site üzerinden dilediğiniz kod parçacıklarını da paylaşmak mümkün olduğundan arkadaşlarınızla paylaşmak istediğiniz kod parçacıklarını site üzerinde depolayabiliyorsunuz. Sitenin “popüler kod parçacıkları” bölümü herkes tarafından en çok kullanılan kod parçacıklarını listeliyor. Gerçekten muhteşem. Son olarak eğer TextMate kullanıyorsanız bu kod parçacıklarının TextMate ile çalıştığını da hatırlatalım.6. MaxDesignBu siteyi belki de biliyorsunuzdur, sanırım bu siteden daha önce bahsetmiştim, ancak durum öyle olsa bile bu site tekrar tekrar bahsedilebilecek kadar güzel ve gerçekten kullanışlı bir site.Site üzerinde listamatic1 adı verilen ve tek bir listeyi farklı şekillerden nasıl stilleyebileceğinizi gösteren bir uygulamanın yanısıra içiçe geçmiş listelere yönelik stilleme örnekleri de listamatic2 adı altında toplanmış. Özellikle CSS tabanlı listeler, yaslanmış CSS elementleri ve CSS seçicilerini kullanmak isteyenler için birebir!

7. MeyerWeb CSS ResetEric Meyer’in CSS Sıfırlaması çok popüler. Tarayıcınızın öntanımlı stilleme elementlerini sıfırlamak ve ardından kendi elementlerinizi üzerine inşa etmek için birebir olan bu CSS sıfırlama tekniği gerçekten pek çok tarayıcı kaynaklı sorunu gidermenizi kolaylaştırıyor.

8. YUI Library“Her bir YUI kütüphane bileşeni, 300’ün üzerinde örneği de içeriyor ve siz bu sayede ilgili bileşenin projelerinize nasıl entegre edilebileceğini anlıyorsunuz. Bu örnekler YUI’yi öğrenebilmeniz için bir başlangıç noktası özelliğini taşıyor ve sunulan kod parçacıkları kendi programlamanızı üzerine inşa edebilmenizi kolaylaştırıyor. Dilerseniz çeşitli etkileşim öğelerinin web tarayıcısı üzerinden YUI aracılığı ile nasıl etkinleştirildiğini de örnek kodlara bakarak görebilirsiniz.”Başlangıç aşamasında çok kullanışlı şablon dosyalarının yanısıra neredeyse her web tasarımcısını tatmin edecek güzel bir kolleksiyona da sahip olacaksınız.

9. 960 Grid System

Bu ızgara sistemi gerçekten oldukça popüler hale geliyor. Geliştiricileri sık olarak kullanılan ölçülerden biri olan 960px genişliğinde web sayfaları hazırlayıp onu 12lik ve 16lık ızgaralar halinde bölümlendirerek içeriğinizi yerleştirebilmenizi sağlıyor. Tasarımcılar sitelerin harmonisini bozmamak ve kullanılırlığı arttırmak için ızgara sistemlerini kullanırlar. 960 Izgara Sistemi’ni indirdiğinizde bir dizi şablon ve taslağa da kavuşacaksınız. Bu örnekler özellikle doğru eller tarafından işlendiğinde harikalar yaratabiliyor.* İndir* Örnek10. SenCSS – Sensible Standards CSS Framework

Bu framework, Eric Meyer’in sıfırlama sistemini kullanıyor, ancak bunun dışında temel stilleme, yeniden sıfırlamaya gerek bırakmayacak şekilde optimize edilmiş kod ve çok daha fazlasını sunuyor. Kendisini layout dışındaki her şey için CSS framework’ü olarak tanıtmış olan ve site anahatları standart dışı olduğu için ya da herhangi bir sebeple ızgara sistemlerini kullanmak istemeyenlerin isteklerine cevap verecek nitelikte.11. Yuvarlatılmış CSS Köşeler

Eminim bugüne kadar yarısı bildirgec üzerinde olmak üzere pek çok platformda CSS ile nasıl yuvarlatılmış köşeler hazırlanabileceğine dair pek çok rehber okumuşsunuzdur. Bu çevrimiçi araç sayesinde yuvarlatılmış köşeleri kolayca oluşturabilecek ve ihtiyacınız olan kodu derhal alabileceksiniz.12. Content With StyleYeni web sitelerini kolayca geliştirip tasarımınız üzerine odaklanabileceğiniz güzel bir framework kolleksiyonu daha.

Umarım bu siteleri hem yeteneklerinizi geliştirmek hem de projelerinizin geliştirme sürecini kısaltmak adına düzenli olarak kullanırsınız. Eminim yukarıdakilerin dışında daha pek çok site bulunuyor. Eğer sizin de tavsiye ettiğiniz siteler var ise, yorumlarınızla paylaşabilirsiniz.* Kaynak: 1st Web DesignerCSS İle İlgili Daha Önce Yazdığım Yazılar
* web tasarımında boşlukları verimli olarak kullanmak* her web tasarımcısının öğrenmesi gereken 9 önemli css yeteneği* modern css’de altın oran* Sadece CSS İle Oluşturulmuş Animasyonlu İlerleme Çubuğu (Progress Bar)* web tasarımında altın oran* blueprint css framework’ünü kullanmak* jQuery’siz, mootools’suz Basit Sekmeli İçerik Oluşturalım* SenCSS: Layout Dışındaki Herşey İçin CSS Framework’ü