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

Code Beautifier

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.

Siteye Git

Sevgiler.
Bir önceki yazımız olan WordPress'de Kendi Sosyal Bileşenini Yap! başlıklı makalemizi de okumanızı öneririz.

Merhaba! Ben Burak. 2016 yılında Karadeniz Teknik Üniversitesi Harita Mühendisliği Bölümü’nden mezun oldum. Lise yıllarında HTML & CSS‘e, Üniversite yıllarında WordPress ve Matlab‘e adım attım. Lisans tezimi Matlab üzerinden program yazarak teslim ettim. Çeşitli projeler için WordPress tabanlı yazılımlar geliştirdim.

7 Yorum

Bir yanıt yazın

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.