Code Beautifier İle CSS Kodlarınızı Düzenleyin

Bugün CSS kodlarımın daha düzenli olması için Google’da bi yaptım ve direk Code Beautifier ile tanıştım ve bu makaleyi yazmaya karar verdim.

Code Beautifier Nedir ?

CB (Code Beautifier) sitenizdeki gereksiz kodları kaldırır ve sitenizin daha hızlı açılmasını sağlar. Bu esnada CSS dosyalarınıza zararda vermez.

Kodları Nasıl Düzenlerim?

CSS Input kısmına CSS kodlarınızı dilerseniz olduğu gibi kopyala+yapıştır yapın dilerseniz bulunduğu adresi yazın. Process CSS butonuna tıkladığınız da kısa süre içerisinde işlem tamamlanacaktır. İşlem sonucunda CSS kodunuzun işlem öncesi kaç boyutta olduğunu ve işlem sonrası kaç boyuta indiğini gösterir. Bunu yüzdelik olarak da ifade ediyor. Aşağıdaki yazıda gördüğünüz gibi Input(Giren dosyanın boyutu) 1.178KB iken Output(Çıkan dosyanın boyutu): 0.978KB olmuş  ve Compression Ratio(Yüzdelik ve değer olarak kazanç) yazıyor;

Input: 1.178KB, Output:0.978KB, Compression Ratio: 17%(-200 Bytes)

Dilerseniz sağ tarafta bulunan Code Layout&Options bölümünden CSS kodlarını hangi derecede temizleyeceğinizi ayarlayabilirsiniz.

Siteye gitmek için aşağıdaki butonu kullanabilirsiniz.