Sass'tan CSS'ye
Sass ve SCSS'yi çevrimiçi CSS'ye derleyin. Genişletilmiş veya sıkıştırılmış çıktı, hata satır numaraları ve değişken, mixin, iç içe yazım için tam destekle gerçek zamanlı dönüştürme.
Sass ile SCSS arasındaki fark nedir?
SCSS, süslü parantezler ve noktalı virgüller kullanan CSS benzeri yeni sözdizimidir. Sass (girintili sözdizimi) girinti ve satır sonu kullanır. Bu araç ikisini de derler - açılır listeden sözdizimini seçmeniz yeterli.
Hangi Sass özellikleri destekleniyor?
Derleyici resmi Dart Sass motorunu kullanır; değişkenler, iç içe yazım, mixin'ler, @include, fonksiyonlar, @use, @extend, @if ve @each gibi kontrol direktifleri ve sıkıştırılmış çıktı stili desteklenir.
Sıkıştırılmış (minify) CSS nasıl elde edilir?
Derlemeden önce çıktı stili açılır listesini Sıkıştırılmış olarak ayarlayın. Boşluklar ve sondaki noktalı virgül kaldırılır, olabilecek en küçük stil sayfası üretilir.
Hata neden satır numarası gösteriyor?
Kodunuzda sözdizimi hatası olduğunda Sass motoru ayrıştırmanın başarısız olduğu tam satır ve sütunu bildirir; araç da hızlıca düzeltmeniz için bunu çıktının üzerinde gösterir.
Sass kodum sunucuya yükleniyor mu?
Hayır. Tam Dart Sass motoru sayfaya gömülüdür ve tarayıcınızda yerel olarak derler. Stil sayfalarınız cihazınızdan asla çıkmaz; özel projeler için de güvenlidir.
Yerel dosyaların @import'unu derleyebilir miyim?
Hayır. Derleyici bellekteki tek bir kod parçasıyla çalışır ve dosya sisteminize erişmez; bu yüzden dosya tabanlı içe aktarmalar ve harici parçaların @use'u çözülemez.
Çevrimdışı çalışır mı?
Evet. Sayfa ve derleyici paketi bir kez yüklendikten sonra derleme tamamen sizin makinenizde gerçekleşir, bağlantı gerekmez.
Çıktıyı nasıl kullanırım?
Derlenen CSS'yi panoya kopyalayın veya çıktının altındaki düğmelerle style.css olarak indirin; sonra HTML'inizde bağlayın veya proje stil sayfanıza yapıştırın.
Sass'tan CSS'ye Nasıl Kullanılır
Bu derleyici, resmi Dart Sass motorunu tamamen tarayıcınızda çalıştırır. SCSS veya girintili Sass yapıştırın ve anında temiz CSS alın — değişkenler, mixin'ler, iç içe yazım ve işlevler desteklenir, hiçbir şey yüklenmez.
- Sass veya SCSS kodunuzu giriş kutusuna yapıştırın ya da Örnek'e basarak değişken ve mixin içeren çalışan bir demoyu yükleyin.
- Açılır menülerden sözdizimini (SCSS veya girintili Sass) ve çıktı stilini (Expanded veya Compressed) seçin.
- Canlı derleme açıkken CSS yazarken oluşur; değilse Derle düğmesiyle elle çalıştırın.
- Sözdizimi hatası varsa, tam satır numarası ve mesaj çıktının üzerinde görünür, böylece hızla düzeltebilirsiniz.
- Derlenmiş stil sayfanızı style.css olarak almak için çıktının altındaki Kopyala veya İndir'i kullanın.
Stil sayfanızı küçültmek için Compressed çıktı stilini seçin — kaynaktan doğrudan üretim derlemeleri için harika.
İlgili Araçlar
- CSS Güzelleştirici CSS kodunu anında biçimlendirin ve güzelleştirin. Özelleştirilebilir seçeneklerle sıkıştırılmış CSS'i okunabilir koda dönüştürün.
- CSS Sıkıştırıcı Ücretsiz çevrimiçi CSS sıkıştırıcı. Boşlukları, yorumları ve gereksiz karakterleri kaldırarak CSS kodunu anında sıkıştırın ve optimize edin. Daha hızlı web performansı için dosya boyutunu azaltın.
- CSS Gradyan Oluşturucu Görsel olarak muhteşem CSS gradyanları oluşturun. Birden fazla renk durağı, açılar ve konumlarla doğrusal, radyal ve konik gradyanlar oluşturun. Üretime hazır CSS kodunu anında kopyalayın.
- CSS Flexbox Oluşturucu Canlı önizlemeli görsel CSS Flexbox oluşturucu. Flex özelliklerini ayarlayın ve kullanıma hazır CSS kodu alın.
- Chmod Hesaplayıcı Onay kutularıyla Linux dosya izinlerini görselleştirmek ve hesaplamak için ücretsiz çevrimiçi chmod hesaplayıcı. Sayısal (755, 644) ve sembolik gösterim (rwxr-xr-x) arasında anında dönüştürün. setuid, setgid, sticky bit gibi özel izinleri destekler.
- ASCII Tablosu Ondalık, onaltılık, sekizlik, ikili kodlar, HTML varlıkları ve karakter açıklamaları ile eksiksiz ASCII karakter kodlama referansı. Anında arama ve filtreleme.
- HTTP İstek Test Aracı REST API'leri doğrudan tarayıcınızda test edin. Özel başlıklar, gövde ve parametrelerle GET, POST, PUT, DELETE istekleri gönderin. Yanıt durumunu, başlıklarını ve JSON gövdesini anında görün.
- .htaccess oluşturucu Apache .htaccess kuralları oluşturun: yönlendirmeler, yeniden yazmalar, güvenlik başlıkları, önbellekleme ve daha fazlası.