20 online topografeværktøjer til webdesign

Har du brug for hjælp til elementer af stil, ordafstand, valg af skrifttype, lodret bevægelse, blokke og afsnit, linjehøjde, konvertering af px til em og opmærksomhed på yderligere detaljer i kropskopi? Dette er en gennemgang af nogle af de bedste topografiske værktøjer, der er tilgængelige online i dag for webdesignere. I alfabetisk rækkefølge er fyrre online ressourcer til font- og topografiverktøjer opført. De første tyve er indeholdt i dette indlæg, og det sidste sæt af tyve offentliggøres i næste uge. For det første sæt på 20 kan du også se ledsagergalleriet, der indeholder skærmbilleder i fuld størrelse af miniaturebilleder nedenfor.

# 1 abcTajpu 1.6.5 Firefox Plugin

Når du skriver Firefox eller Thunderbird med denne tilføjelse, kan du nemt skrive accentord, internationale karakterer eller symboler ved blot at højreklikke på en kontekstmenu. Du kan også definere dine egne genvejstaster til ofte anvendte tegn eller symboler.

# 2 Baseline Rhythm Calculator

Baseline Rhythm Calculator genererer CSS fra en basisskriftsstørrelse og linjehøjde i px indtastet af brugeren. Indtast blot basisstørrelsen og basislinjens højde, tryk på "beregne" -knappen, og hele siden ændres efter dit input. Når du er tilfreds, skal du hente den automatisk genererede CSS-kode.

# 3 Bedre CSS-skrifttabler

Dette er fantastiske fontstacks til dine CSS-stilark, som du kan downloade alt-i-ett i et 22-siders PDF (13.1MB) dokument.

# 4 BitFontMaker

Dette er en online bitmap-fonteditor til både Windows og Mac, der giver dig mulighed for at oprette bit-kortlagte skrifttyper undervejs. Rediger baseline-skrifttypen, giv den derefter et navn og copyright, og klik derefter på knappen "Opret font", og din * .ttf-fil oprettes.

# 5 Cool tekst

Cool Text er en GRATIS grafikgenerator til websider og hvor som helst ellers har du brug for et imponerende logo uden meget designarbejde. Vælg blot, hvilken slags billede du ønsker. Udfyld derefter en formular, så får du dit eget brugerdefinerede billede oprettet.

# 6 Kopier almindelig tekst

Har du nogensinde kopieret noget til eller fra Firefox-, IE- eller Office-dokumenter og er irriteret over, at tekstformateringen (fed, skriftstørrelse osv.) Fulgte med? Ønsker du ikke, at du bare kunne kopiere selve teksten uden at skulle kopiere den, indsætte den i notesblok og derefter kopiere den igen? Denne udvidelse giver dig en mulighed for at kopiere tekst uden formateringen. Du kan endda indstille den til at trimme ekstra plads i og omkring den kopierede tekst!

# 7 CSS Type Set, Letter Press for Digital Age

CSS Type Set giver dig mulighed for visuelt og interaktivt at style tekst, og det genererer CSS. Opret dit CSS-stilark online uden at kende nogen kodning. CSS Type Set er et praktisk typografeværktøj, der giver designere og udviklere mulighed for interaktivt at teste og lære at style deres webindhold.

# 8 CSS-sæt Matrix og kodegenerator

Web-typografeværktøj: CSS-typer sæt matrix og kodegenerator er en matrixtabel, der præsenterer skriftstørrelser med både symmetriske og asymmetriske margener for forskellige basefontstørrelser - i pixel- og em-enheder. Det genererer også kildekoden undervejs og oprettes af Jan Quickels.

# 9 CSSTXT: Opretter en stil

CSS TXT er en stilgenerator til tekst, og avancerede egenskaber inkluderer glidebjælker til styling, der genererer en CSS-fil.

# 10 CSSType - websikker typografi på skærmen for Pixel-perfektionister

CSSType giver dig mulighed for at forhåndsvise og ændre tekst med denne online applikation. Det giver mulighed for at ændre tekst, skrifttype, farve, størrelse, baggrund, ordafstand, polstring, linjehøjde, tekstindrykning, bogstavmellemrum og tekstjustering. Endelig kan du få og generere CSS-output til brug.

# 11 Em-baserede layout - Lodret rytmeberegner

Dette værktøj konverterer pixelværdier til em-værdier afhængigt af tekststørrelsen på teksten. Du kan også indstille marginer og polstringer automatisk, afhængigt af den liniehøjde, du har defineret. Når den først er installeret på pc'en, kører den på Adobe AIR-runtime, og begge kan findes på webstedet.

# 12 EM-regnemaskine

Em Calculator er et lille JavaScript-værktøj, der hjælper med at gøre skalerbart og tilgængeligt CSS-design. Det konverterer størrelse i pixels til relative em-enheder, der er baseret på en tekststørrelse.

# 13 Facelift Image Replacement (eller FLIR, udtalt flyver)

Facelift Image Replacement (eller FLIR, udtalt fleer) er et billederstatningsscript, der dynamisk genererer billedrepræsentationer af tekst på din webside i skrifttyper, der ellers måske ikke er synlige for dine besøgende. Det genererede billede indsættes automatisk på din webside via JavaScript og er synligt for alle moderne browsere. Den gratis download er tilgængelig fra webstedet.

# 14 Vend typisk

Vend typisk giver dig mulighed for at indtaste tekst og derefter forhåndsvise den i mange forskellige skrifttyper ad gangen. Typisk vende er en måde at udforske de populære skrifttyper, du har på din computer. Hvis du vil se en anden skrifttype, der ikke er der - skal du bare klikke på skrifttypenavnet i den sorte bjælke øverst på skærmen, skriv navnet på en skrifttype, den bliver den vigtigste skrifttype og vil blive husket. Du kan også ændre eksempelteksten fra "vende typisk" til alt hvad du ønsker, som jeg har gjort med teksten "Webtopografi."

# 15 Fontbrænder

Font Burner er et værktøj til forbedring af websteder, der gør det nemt for dig at tilføje nye skrifttyper til dit websted. Dens arkiv med skrifttyper fungerer universelt i alle browsere og på alle computere. Ved at tilføje en simpel blok af kode til dine websider kan du prøve en hvilken som helst af de hundreder af font på Font Burner.

# 16 Font Finder

Font Finder er et andet Firefox-plug-in, der giver en bruger mulighed for at analysere skrifttypeinformationen for ethvert element på siden.

# 17 Font Picker

Dette enkle værktøj viser dig alle de skrifttyper, der er installeret på din computer og hjælper dig med at vælge, hvilken der er bedst egnet til et bestemt projekt.

# 18 Font Tester

Font Tester er et gratis online font-sammenligningsværktøj. Det giver dig mulighed for let at forhåndsvise og sammenligne forskellige skrifttyper side om side med forskellige CSS-skrifttyper, der anvendes på dem. Det er meget nyttigt for webudviklere, der leder efter den rigtige skrifttype / stil / farve til at bruge på deres sider. For at bruge det alt, hvad du skal gøre, er det bare at indtaste den tekst, du gerne vil forhåndsvise, ændre de forskellige CSS-egenskaber, indtil du finder en stil, du kan lide, og derefter klikke på knappen "Hent CSS-kode" for at generere alle de nødvendige CSS-koder for at gengive disse stilarter på din webside.

# 19 Fontifier

Fontifier giver dig mulighed for at bruge din egen håndskrift til den tekst, du skriver på din computer. Det forvandler en scannet prøve af din håndskrift til en håndskrifttype, som du kan bruge i din tekstbehandler eller grafikprogram.

# 20 Fontstruktur

FontStruct giver dig mulighed for hurtigt og nemt at oprette skrifttyper konstrueret af geometriske former, som er arrangeret i et gittermønster, som fliser eller mursten. FontStruct er et gratis font-building værktøj fra FontShop. Når du er færdig med at opbygge, genererer FontStruct TrueType-skrifttyper i høj kvalitet, klar til brug i enhver Mac- eller Windows-applikation.

Det sidste sæt af tyve font- og topografirktøjer bliver præsenteret i det næste post.

© Copyright 2021 | pepebotifarra.com