CSS-kompatibilitás és az Átalakító

A Bricks CSS-kompatibilitási irányelvei

A Bricks olyan CSS-funkciókat használ, amelyeket a modern böngészők széles körben támogatnak, és nem ad hozzá tartalék megoldásokat a ritka, régi böngészőkhöz. Gyakorlati mércének a Baseline kompatibilitási modellt veszi alapul.

Mi a Baseline?

A Baseline azt követi, mikor válik egy webplatform-funkció átjárhatóvá az összes jelentős böngészőben. Két szakasza van:

• Újonnan elérhető: a funkció az összes jelentős böngészőben (asztali és mobil) működik.
• Széles körben elérhető: az „újonnan elérhető” állapot után kb. 30 hónappal éri el. A felhasználók nagy részénél (kb. 95%) biztonságosan használható éles környezetben.

A Baseline ezeket a böngészőket veszi figyelembe:

• Apple Safari (iOS)
• Apple Safari (macOS)
• Google Chrome (Android)
• Google Chrome (asztali)
• Microsoft Edge (asztali)
• Mozilla Firefox (Android)
• Mozilla Firefox (asztali)

Mely CSS-funkciókat használja a Bricks?

A Bricks kimenete már tartalmaz modern CSS-t, például a :where álosztályt és az @layer CSS-szabályt. Az MDN mindkettőt „széles körben elérhetőként” tartja nyilván, és a Bricks pontosan ilyen széles támogatást keres, mielőtt egy CSS-funkcióra támaszkodik.

Mi történik régebbi vagy ritka böngészőkben?

A cél az egyensúly: a modern szabványok átvétele, amikor azok stabilak és széles körben támogatottak, anélkül, hogy a felhasználók többségének felesleges technikai adósságot vagy visszalépést okozna. A Baseline küszöb alatti, szélsőséges eszközökhöz készített tartalék megoldások mindenki másnál rontanák a kód minőségét és teljesítményét.

Érinti ez a saját CSS-edet?

Nem. Ez csak a Bricks által generált CSS-re vonatkozik. A saját CSS-edet úgy írhatod, ahogy akarod, beleértve a régi eszközökhöz való tartalék megoldásokat és funkcióellenőrzéseket. A Bricks csak a saját kimenetébe nem teszi bele ezeket magától.

Az Átalakító (Converter)

A Bricks több „Átalakító” lehetőséget kínál régi adatok migrálásához. Az Átalakító beépített eszköz: átvizsgálja az adatbázist az elavult Bricks-adatokért, és automatikusan a telepített verzió legfrissebb érvényes szintaxisára frissíti őket.

Az aktuális Bricks-verziókban az adatbázis-átalakító sora el van rejtve a szokásos Beállítások képernyőről. Régi vagy támogatási munkafolyamatként kezeld, nem rendszeres karbantartási lépésként.

Ha mégis lefuttatod, a folyamat a szerverről és a Bricks-adatok méretétől függően egy-két percig tarthat. Ne zárd be és ne frissítsd az oldalt, amíg meg nem jelenik a zöld „THE END” sikerüzenet. Az eredményoldalon látszik, mit frissített az Átalakító (például az oldalbeállításokat és a globális egyéni CSS-t).

Mit alakít át?

A jobb DOM-szerkezet és az elemazonosítók, osztálynevek miatt a Bricks a régi bricks-element- elemazonosító- és osztályelőtagot brxe- előtagra cserélte. A szerkezeti burkoló azonosítók is változtak: a #bricks-header, #bricks-content és #bricks-footer helyett #brx-header, #brx-content és #brx-footer lett.

A kiválasztott átalakítási műveletől függően az Átalakító ezeket az adatokat frissítheti:

• a Bricks globális beállításai
• a Bricks sablonstílusai
• a Bricks globális osztályai
• a Bricks oldalbeállításai
• a Bricks oldaladatai
• a globális elemek, beleértve a komponensekké alakítást
• a Bricks sablonok
• a régi Konténer-szerkezetek
• a belépő animációk
• az elemek pozícionálási adatai

Az Átalakító nem csak az egyéni CSS-re és JS-re vonatkozik. Mindig csak azt az átalakítást futtasd, amelyre a régi adatok migrálásához szükséged van.