A Midjourney mérnöke forradalmasítja a webdizájn-t

Cheng Lou, a Midjourney mérnök, 15 KB méretű, nyílt forráskódú TypeScript könyvtárat, a Pretextet, megjelentett. A 0-függőségű, MIT licencű csomag a DOM helyett a Canvas betűméret-mérőjét használja, és a szöveg több soros méretezését és elrendezését teljesen a felhasználói területen végzi. A könyvtár 0,09 ms alatt képes 500 különböző szöveget elrendezni, ami 300–600-szor gyorsabb, mint a hagyományos DOM-olvasások. (VentureBeat)

Miért fontos? A webhátterekben a „layout reflow” a legnagyobb teljesítményköltség. A getBoundingClientRect vagy offsetHeight hívások minden egyes görgetésnél újraszámítják a teljes oldalt, lassítva a framerát, feszíti a bateriát és rázkódást eredményez. Lou megoldása a DOM elkerülése révén szinte valós-időben, aszinkron nélkül képes a szöveg pozícióit meghatározni, így a weboldalak gyorsabban és simábban reagálnak.

A Pretext nem csak a mérés gyorsítása; interaktív, reszponzív szövegterületeket tesz lehetővé. Demo-k mutatják, hogy egy szövegblokk belsejében repülő sárkány tágul, vagy a felhasználó dőléskor a betűk fizikai tárgyként mozognak. Egy alkalmazás akár a „Project Hail Mary” filmet is szinkronizálja a könyv szövegével, miközben mindkettő valós idejű, mozgó szövegként jelenik meg.

A közösség gyorsan reagált: 48 órán belül több mint 14 000 GitHub-csillagot és 19 millió X-nézetet ért el a projekt. A fejlesztők már saját funkciókat fejlesztenek, mint a felhasználó által vezérelt betűméret-nagyítás és dyslexia-barát betűtér optimalizátor.

Mi a következő lépés? A Pretext még csak a kezdeti szakaszban van, de a dokumentáció és a példák alapján a designerek, typográfusok és a hétköznapi felhasználók is hamarosan tapasztalhatják a változást. A könyvtár elterjedése várhatóan a következő hónapokban fog nőni, és a weboldalak, amelyeket mindennapi használatunk során látunk, már a jövőben is a Pretext által nyújtott dinamikus szövegkezelést fogják kínálni.