PX → REM átváltó

A rem egységek akadálymentessé teszik az elrendezéseket – a felhasználó betűméret preferenciájával együtt skálázódnak –, de senki sem akar fejben 16-tal osztani egész nap. Ez az átváltó élőben elvégzi a számítást: válassza ki az irányt (px → rem, rem → px vagy px → em), írja be az értéket, és az eredmény azonnal megjelenik, együtt egy másolásra kész CSS-sorral, például font-size: 0.875rem.

Az alapszintű betűméret mező bármely projekthez passzolóvá teszi az eszközt. A böngésző alapértelmezettje 16 pixel, így 1rem alapból 16 pixel, de sok kódbázis beállítja a html { font-size: 62.5% }-ot, hogy 1rem 10 pixel legyen – írjon be 10-et alapként, és minden átváltás és táblázatsor követi. A px → em irány ugyanezt a matematikát használja a szülő elem betűmérete alapján a gyökérelem helyett, ami pontosan a különbség az em és a rem között a CSS-ben.

Az eredmény alatt egy referenciatábla a leggyakoribb dizájn méreteket – 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 és 64 pixel – mutatja, mindet már az aktuális alapméretével átszámítva, az alapnak megfelelő sort kiemelve. Ez az a puskacsík, amit egyébként kinyomtatva a monitorra ragasztana, mindig szinkronban a ténylegesen használt alapmérettel.

Minden helyben a böngészőjében történik, gépelés közben: nincs feltöltés, nincs regisztráció, nincs szerveroldali lekérdezés. Az előre beállított oldalak a rem → px, a px → em, a 10 pixeles alap és a népszerű értékek (mint a 14, 24 és 32 px) számára pontosan ezekre a kérdésekre előre konfigurálva nyitják meg az átváltót.