10
- Katılım
- 9 Haziran 2018
- Konular
- 1,432
- Mesajlar
- 5,363
- Çözümler
- 6
- Reaksiyon puanı
- 1,533
- Puanları
- 113
- Konum
- Adana
- Cinsiyet
- Erkek
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:
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.
Ö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;}Değerli ziyaretçimiz, içeriği görüntüleyebilmek için lütfen
Giriş yap
veya
Kayıt ol
anlayışınız için teşekkürler.
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.
