Sıkıştırılmış HTML, CSS, JavaScript kodlarını çözebilmenize yardımcı olacak güzel bir web sitesini tanıtmak istedim.
Örnek sıkıştırılmış CSS kodu:
.contanier {padding:10px;width:100%;margin:20px auto 0 auto;background:#2b2f31;text-align:center;border-radius: 3px;}
.contanier ul {list-style:none;margin:0px auto;padding:0px;text-align:center;}
.contanier ul li {width: 40px;height:40px;float:left;border-radius:4px;margin:0px 0 0px 10px;}
.contanier ul li:first-child {display: flex;align-items: center;width: auto;padding:0px;margin:0px;}
.contanier ul li a {display:block;text-align:center;font-size:25px;line-height:40px;}
.contanier ul li a:hover {color:#fff;}
li.whatsapp {background:#25D366;}
li.skype {background:#00aff0;}
li.premium {background:#8153e8;}
li.whatsapp a:hover,li.skype a:hover,li.premium a:hover {-webkit-box-shadow: inset 0px 0px 75px 0px rgba(0,0,0,0.75);-moz-box-shadow: inset 0px 0px 75px 0px rgba(0,0,0,0.75);box-shadow: inset 0px 0px 75px 0px rgba(0,0,0,0.75);border-radius:3px;}
beautifier.io sitesi ile bu kodları sıkıştırılmamış haline tekrar çevirebilirsiniz.
Yapmanız gereken yukarıdaki vermiş olduğum siteye giriş yapıyoruz. Seçim alanından çözülecek kod hangisi ise onu seçiyoruz. (HTML, CSS, JawaScript)
![](https://www.mehmetdemir.org/wp-content/uploads/2024/02/sikistirilmis-kod-cozme-sitesi-1-1024x518.jpg)
Aşağıdaki göstermiş olduğum alana sıkıştırılmış CSS kodunu yazıyoruz ve Beautify Code butonuna tıklıyoruz.
Sıkıştırılmış Hali:
![](https://www.mehmetdemir.org/wp-content/uploads/2024/02/sikistirilmis-kod-cozme-sitesi-2-1024x503.jpg)
Çözülmüş Hali:
![](https://www.mehmetdemir.org/wp-content/uploads/2024/02/sikistirilmis-kod-cozme-sitesi-3-1024x529.jpg)
Daha öncesinde performans için optimize ettiğiniz kodları düzenlemeniz gerektiğinde bu şekilde tekrar eski haline getirerek işinizi kolaylaştırabilirsiniz. Umarım işinize yarar faydalı bir içerik olmuştur.