⭐ 0
🔍
Text Obrázok PDF a Dokumenty Audio Hudba Elektronika Čas Užitočné programy Validátory Ezoterika Hry

Generátor stupnice kvapalinového typu

Vypočítajte skutočnú fluidnú hodnotu CSS clamp() z minimálnej a maximálnej veľkosti cez dve šírky výrezu, pričom krok za krokom sa zobrazí sklon a priesečník a ukážka zmeny veľkosti v reálnom čase.

Spracovanie... 0%

Výsledok

Táto stránka otvorí kalkulačku priamo v režime typovej mierky so základňou 16 pixelov a už zvoleným pomerom 1,25 (hlavná tretina) – solídny, široko používaný východiskový bod pre typografickú mierku. Len z týchto dvoch čísel sa vygeneruje šesť veľkostí: malá, základná, h4, h3, h2 a h1, pričom každá z nich má svoju vlastnú hodnotu kvapalinovej svorky () namiesto jednej pevnej veľkosti.

Každý krok udržuje základnú veľkosť ukotvenú na rovnakej hodnote na mobilnom aj stolnom počítači, zatiaľ čo nadpisy sa agresívnejšie zväčšujú na širšom zobrazovacom poli pre stolné počítače než na užšom mobilnom zobrazení – rovnaký nápad ako zvoliť jemnejší pomer pre malé obrazovky a výraznejší pre veľké obrazovky, ktorý sa automaticky odvodí z jedného pomeru, ktorý si vyberiete.

Zmena pomeru na 1,125, 1,2, 1,333 alebo 1,5 okamžite vygeneruje celú tabuľku a tlačidlo pod ním skopíruje všetkých šesť hodnôt clamp() ako blok vlastných vlastností CSS pripravený na prilepenie do zvyšku šablóny so štýlmi.

🛡️
Spustené v prehliadači

Vaše súbory a vstupy nikdy neopustia toto zariadenie. Spracovanie prebieha úplne offline. 100% bezpečné.

Prijaté formáty a pravidlá

  • Skutočná kvapalinová typografická matematika: explicitne zobrazený sklon, koeficient vw a priesečník osi y, nielen konečná čiara svorky ().
  • Živý náhľad: potiahnite posúvač šírky výrezu a sledujte, ako sa vzorový text mení presne tak, ako by sa zmenila veľkosť skutočného okna prehliadača.
  • Režim typovej stupnice: základná veľkosť a pomer od 1,125 do 1,5 generuje šesť krokov fluidnej svorky () – malý, základný, h4, h3, h2, h1 – ako CSS pripravené na kopírovanie.

Hlavné výhody

✓ Čiara svorky (), čísla sklonu a priesečníkov a živý náhľad sa aktualizujú počas písania – nie je potrebné stlačiť žiadne tlačidlo.
✓ Posúvač šírky výrezu ovláda pole živého náhľadu, takže medzi minimálnymi a maximálnymi bodmi prerušenia uvidíte presné škálovanie tekutiny v akcii, nielen vzorec.
✓ Samostatný režim typovej mierky premení jednu základnú veľkosť a pomer na plnú 6-krokovú stupnicu plynulého nadpisu, ktorá je pripravená ako blok vlastných vlastností CSS.

Prípady použitia

  • • Premeňte minimálnu/maximálnu veľkosť písma a rozsah výrezu na skutočnú svorku () – vrátane sklonu, koeficientu vw a priesečníka – namiesto toho, aby ste sa pozerali na jednu z návodu.
  • • Potiahnutím posúvača šírky výrezu zobrazíte ukážku zmeny veľkosti nadpisu alebo telesa presne tak, ako by sa zmenila veľkosť skutočného okna prehliadača, a to pred jeho odovzdaním do šablóny so štýlmi.
  • • Vygenerujte plnú 6-krokovú stupnicu typu tekutiny (malá až po h1) z jednej základnej veľkosti a pomeru, ktorú skopírujete ako blok vlastných vlastností CSS pripravený na prilepenie.
  • • Namiesto veľkosti písma vytvorte tekutinovú svorku () pre rozstupy (okraj, výplň, medzera) – rovnaký vzorec sklonu/priesečníka platí pre akúkoľvek vlastnosť CSS.