TR

CSS düzenleyici

Sıkıştırılmış ya da dağınık CSS'i okunur hale getir: her satırda bir seçici ve bir özellik, tutarlı boşluklar ve açıkça girintilenmiş media query'ler.

Ücretsiz ve gizli. Her şey tarayıcında çalışır, hiçbir şey yüklenmez.

Nasıl kullanılır

  1. CSS kodunu yapıştırKodu yapıştır, yaz ya da bir dosya aç. Bir örnek görmek için Örnek'e bas.
  2. Sonuca bakSonuç sen yazdıkça sağda çıkar. Hatalar satır ve sütunuyla gösterilir.
  3. Kopyala ya da indirCSS kodunu tek tıkla kopyala ya da dosya olarak indir.

Her stil dosyasını anla

Canlı bir siteden kopyalanan stil dosyaları genelde tek satıra sıkıştırılmıştır. Düzenleme onları hızla göz gezdirebileceğin kurallara böler; seçici listeleri ayrı satırlarda, kurallar arasında boş satır olur.

Metinler, url() değerleri ve data URI'ler süslü parantez ya da noktalı virgül içerse bile olduğu gibi kalır.

Sonucu projene geri yapıştırmadan önce projenin yazım şekline uyan 2 boşluk, 4 boşluk ya da sekme girintisini seç. Böylece dosyalar arasında tutarlılık bozulmaz.

CSS formatı hakkında

CSS sayfaların nasıl göründüğünü belirler. Düzenlenmiş CSS'te her kural ve özellik kendi satırındadır; küçültülmüş CSS'te tarayıcının ihtiyaç duymadığı her şey atılır, calc(1px + 2px) gibi değerler ise bozulmaz.

Sık sorulan sorular

Yorumlar korunuyor mu?

Evet, düzenleme tüm yorumları korur. Küçültme onları atar; genelde lisans notu taşıyan /*! ile başlayan yorumlar hariç.

Kodum bir yere yükleniyor mu?

Hayır. Düzenleme ve küçültme tarayıcında yapılır. Kodun sunucularımıza gönderilmez.

Küçültme değişken adlarımı değiştiriyor mu?

Hayır. Küçültme sadece yorumları, satır sonlarını ve boşlukları atar. Adlar okunur kalır ve kod birebir aynı çalışır; bu yüzden her dosya için güvenlidir.

Küçültülmüş JavaScript'te neden bazı satır sonları kalıyor?

JavaScript bazı satır sonlarını komutun bittiği yer olarak görür. Silinmesi kodun davranışını değiştirebilecek yerlerde satır sonu korunur.

JSON'u burada düzenleyebilir miyim?

JSON'un ağaç görünümü ve doğrulaması olan kendi aracı var. Aşağıdaki JSON araçları bağlantısını kullan.

İnternetsiz çalışıyor mu?

Evet. Sayfayı bir kez açtıktan sonra internet bağlantısı olmadan da çalışır.