Parhaat käytännöt

Noudata näitä parhaita käytäntöjä, kun kirjoitat tai tarkastat käyttäjäskriptejä.

Kansainvälisyys

Ota huomioon kielet, joiden sanat ovat pitkiä

Muista, että joissakin kielissä käyttöliittymäelementit, kuten painikkeet, voivat olla kapeampia tai leveämpiä.

Tyylisääntöjen asettaminen Scratchin alkuperäisille elementeille

Vältä tyylisääntöjen kohdentamista luokkien nimiin, jotka sisältävät hajautusarvon

Tavallisesti Scratchin projektieditori sisältää luokkien nimiä, jotka ovat luokan_nimi_{hajautusarvo}-muotoa. Esimerkiksi luokan nimi green-flag_green-flag_1kiAo on sellainen.

Koska hajautusarvot voivat muuttua tulevaisuudessa ja vaihdella Scratchin haarautusten välillä, niiden käyttöä käyttäjätyyleissä tulisi välttää.

/* Älä tee näin: */
.green-flag_green-flag_1kiAo {
  visibility: hidden;
}
/* Tee sen sijaan näin: */
[class*="green-flag_green-flag_"] {
  visibility: hidden;
}

Käytä !important-ominaisuutta vain, jos on pakko

Jos mahdollista, käytä CSS specificity -ominaisuuksia valitsimien tarkentamiseen !important-ominaisuuden käyttämisen sijaan.

Tyylisääntöjen asettaminen lisäosien lisäämille elementeille

Aloita lisäosan määrittelemät luokkien nimet seuraavasti: sa-

Käytämme aina kebab-case-tyyliä, kun määrittelemme omien luokkiemme nimiä.

On suositeltavaa, että lisäosien märittelemät luokkien nimet aloitetaan tunnuksella sa-, jotta vältyttäisiin Scratchin ja muiden laajennusten luokkien nimien välisiltä ristiriidoilta.

Myös lisäosan tunnisteen (tai sen osan) sisällyttäminen luokan nimeen on suositeltavaa.