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)
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:
Çözülmüş Hali:
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.
