⭐ 0
🔍
Teksts Attēls PDF un dokumenti Audio Mūzika Elektronika Laiks Komunālie pakalpojumi Validatori Ezotērisks Spēles

Šķidruma tipa skalu ģenerators

Aprēķiniet reālu šķidru CSS clamp() vērtību no minimālā un maksimālā izmēra divos skata loga platumos, soli pa solim parādot slīpumu un krustojumu, kā arī reāllaika izmēru maiņas priekšskatījumu.

Notiek apstrāde... 0%

Rezultāts

Šī lapa atver kalkulatoru tieši tipa skalas režīmā ar jau atlasītu 16 pikseļu bāzi un 1,25 (lielāko trešdaļu) — stabilu, plaši izmantotu tipogrāfiskās skalas sākumpunktu. No šiem diviem skaitļiem vien tiek ģenerēti seši izmēri: mazs, pamats, h4, h3, h2 un h1, katram ir sava šķidruma skavas () vērtība, nevis viens fiksēts izmērs.

Ikvienā solī pamatizmērs tiek noenkurots vienā un tajā pašā vērtībā gan mobilajā, gan galddatorā, savukārt virsraksti tiek mērogoti agresīvāk plašākā darbvirsmas skata logā nekā šaurajā mobilajā ierīcē — tāda pati ideja, kā izvēlēties maigāku attiecību maziem ekrāniem un drosmīgāku lielumu, kas tiek automātiski iegūta no jūsu izvēlētās vienas proporcijas.

Mainot attiecību uz 1,125, 1,2, 1,333 vai 1,5, visa tabula uzreiz tiek atjaunota, un zem esošā poga kopē visas sešas clamp() vērtības kā ielīmēšanai gatavu CSS pielāgoto rekvizītu bloku pārējai stila lapai uz atsauci.

🛡️
Izpildīts pārlūkprogrammā

Jūsu faili un ievades dati nekad netiek atstāti no šīs ierīces. Apstrāde notiek pilnīgi bezsaistē. 100% drošs.

Pieņemtie formāti un noteikumi

  • Īsta šķidruma tipogrāfijas matemātika: skaidri parādīts slīpums, vw koeficients un y-ass krustpunkts, nevis tikai gala clamp() līnija.
  • Tiešraides priekšskatījums: velciet skata loga platuma slīdni, lai skatītos, kā teksta parauga lielums tiek mainīts tieši tā, kā tas notiktu, mainot reāla pārlūkprogrammas loga izmērus.
  • Tipa mēroga režīms: bāzes izmērs un attiecība no 1,125 līdz 1,5 ģenerē sešas šķidruma spailes () darbības — mazas, bāzes, h4, h3, h2, h1 — kā kopēšanai gatavu CSS.

Galvenās priekšrocības

✓ Clamp() līnija, slīpuma un krustojuma numuri, kā arī tiešraides priekšskatījums tiek atjaunināti rakstīšanas laikā — nav jānospiež poga.
✓ Skata loga platuma slīdnis vada tiešā priekšskatījuma lodziņu, lai jūs redzētu precīzu šķidruma mērogošanu darbībā starp minimālo un maksimālo pārtraukuma punktu, nevis tikai formulu.
✓ Atsevišķs tipa skalas režīms pārvērš vienu bāzes izmēru un attiecību pilnā 6 pakāpju šķidruma virsraksta skalā, kas ir gatava kā CSS pielāgoto rekvizītu bloks.

Lietošanas gadījumi

  • • Pārvērtiet minimālo/maksimālo fonta lielumu un skata loga diapazonu par īstu clamp() līniju — iekļauts slīpums, vw koeficients un krustojums — tā vietā, lai aplūkotu vienu no pamācības.
  • • Velciet skatvietas platuma slīdni, lai priekšskatītu mainīgu virsrakstu vai pamatteksta lieluma maiņu tieši tā, kā tas notiktu, mainot reāla pārlūkprogrammas loga izmērus, pirms pievienojat to stila lapai.
  • • Ģenerējiet pilnu 6 pakāpju šķidruma tipa skalu (no maza līdz h1) no viena pamata izmēra un attiecības, kas tiek kopēta kā ielīmēšanai gatavs CSS pielāgoto rekvizītu bloks.
  • • Izveidojiet šķidruma skavu () atstarpēm (piemale, polsterējums, atstarpe), nevis fonta izmēram — tā pati slīpuma/krustojuma formula attiecas uz jebkuru CSS īpašumu.