En İyi Yöntemler

Userstyle yazarken veya incelerken bu en iyi yöntemleri takip edin.

Uluslararasılaştırma

Daha uzun sözcükleri olan dilleri göz önünde bulundur

Bazı dillerde düğmeler gibi kullanıcı arayüz üögelerinin daha dar veya daha geniş olabileceğini unutmayın.

Scratch’in var olan UI’ını şekillendirme

Karma işlevi uygulanmış sınıf adlarını hedeflemekten kaçının

Scratch proje düzenleyicisi genellikle class_name_{hash} biçimini izleyen sınıf adları içerir. Örneğin, green-flag_green-flag_1kiAo.

Karmalar gelecekte değişebileceğinden ve Scratch fork’ları arasında farklılık gösterebileceğinden bunları userstyle’larda kullanmaktan kaçınmalısınız.

/* Bunu yapmayın: */
.green-flag_green-flag_1kiAo {
  visibility: hidden;
}
/* Onun yerine bunu yapın: */
[class*="green-flag_green-flag_"] {
  visibility: hidden;
}

Kesinlikle gerekli olmadıkça !importanttan kaçının

Mümkünse seçimlerinizi daha spesifik yapmak adına !important yerine CSS specificity özelliklerini kullanın.

Eklentinin UI ögelerini şekillendirme

Eklenti tanımlı sınıf adlarını sa- ile başlatın

Kendi sınıf isimlerimizi tanımlarken her zaman kebab-case kullanırız.

Scratch veya diğer uzantılarıyla muhtemel isim çakışmalarını engellemek için eklenti tanımlı sınıf isimlerini sa- ile başlatmanızı öneriyoruz.

Ayrıca sınıf ismine eklenti kimliğini (ya da bir kısmını) eklemeniz de önerilir.