HOŞ GELDİNİZ!

Tüm özelliklerimize erişmek için şimdi bize katılın. Kaydolup giriş yaptıktan sonra konu oluşturabilir, mevcut konulara yanıt gönderebilir, diğer üyelerinize itibar kazandırabilir, kendi özel mesajlaşma programınızı edinebilir ve çok daha fazlasını yapabileceksiniz. Aynı zamanda hızlı ve tamamen ücretsizdir, peki daha ne bekliyorsunuz?

Sıkıştırılmış Kodları Çözme Sitesi

  • Konuyu Başlatan
  • Moderatör
  • #1

admin

FRMKLAS.COM.TR
Moderatör
Kayıtlı Üye
1
Katılım
4 Ağustos 2024
Konular
122
Mesajlar
182
Reaksiyon puanı
25
Puanları
28
Konum
Adana
Web sitesi
www.frmklas.com.tr
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:
CSS:
.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)

2em6edk.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:
au4o106.jpg


Çözülmüş Hali:
kb7zup3.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.
 
Flatcast radyolarına port açarken ihtiyacınız olan port numarası: 40123
  • Geri
    Üst