no.hideout-lastation.com
Paradis For Designere Og Utviklere


Oppdag Font Face enkelt med Fontface Ninja

Hvis du snubler på en skrifttype som du vil adoptere til eget bruk, er den vanlige måten å finne ut informasjon om skrifttypen, å bruke alternativet Inspeksjonselement funnet i Chrome-nettleseren.

I utgangspunktet markerer vi teksten mens du er i Chrome, og høyreklikker du for å velge Inspiser Element . Vi kan da se alle CSS-koden relatert til den uthevede teksten.

Det er imidlertid et problem. Som du ser i det andre bildet, blir den uthevede teksten stylet med mange velgere. For å sjekke ut alle dem en etter en, kommer til å ta litt tid.

Bruk Fontface Ninja til å oppdage font

Her er hvor Fontface Ninja kommer inn. Det er en nettleserutvidelse som hjelper deg med å identifisere en skrift etter navn. Og alt du trenger å gjøre er å sveve over skrifttypen du er interessert i. På toppen av navnet på fonten, gir Fontface Ninja deg også størrelsen og linjeavstanden også.

En annen funksjon av Fontface Ninja du kan finne nyttig er muligheten til å skjule bilder og annonser, slik at du bare kan fokusere på skriftene uten forstyrrelser. Pluggen lar deg også prøve en skrifttype, og hvis du liker det å kjøpe eller laste ned skrifttypen.

Installere Fontface Ninja

Du kan laste ned Fontface Ninja for å bruke på nettleseren du ønsker.

  • Chrome
  • Safari

Bruke Fontface Ninja

Når det er installert, vises et appikon av en hoppende ninja i nærheten av nettleserens adressefelt. Klikk på den for å aktivere den. Nå kan du sveve over hvilken som helst tekst på en nettside for å få et verktøytips som viser informasjon om skrifttypen.

For å prøve skrifttypen, klikk på den, og FontFace Ninja-logoen vil skifte til venstre, noe som gir deg plass til å skrive ut og prøve skrifttypen du valgte. Du kan også justere skriftstørrelsen.

For å skjule alle bilder slik at du kan holde fokus på bare typografien, klikker du på Mask- alternativet, som ligger ved siden av Lukk . Alle detekterte font-fontface-ninja / vil bli skjult for visning.

Relaterte - Live Test Fonts på nettleseren din

Hvis du liker Fontface Ninja, vil du nok elske Font Dragr . Vi skrev tidligere om hvordan det er et hendig verktøy for å hjelpe utviklere som at du testfonter bor i en nettleser, bare ved å dra skriften til nettsiden selv.

Sjekk ut mer på hvordan du kan leve testfonter med Font Dragr.

Slik forbedrer du din skrivekvalitet med datalogget

Slik forbedrer du din skrivekvalitet med datalogget

Siden menneskets tidligste dager har folk fortalt historier til hverandre i forskjellige former. Storytelling har seriøse tradisjoner i hver kultur. Myter, legender, fortellingene, diktene, folksangene viser alle de bestrebelser menneskene alltid har hatt å koble til hverandre, til folk fra andre kulturer og til de neste generasjonene.I

(Tekniske og design tips)

Opprett en CSS-Only Image Reveal Effect med gjennomsiktige grenser

Opprett en CSS-Only Image Reveal Effect med gjennomsiktige grenser

En CSS-bare bilde avslørende effekt kan løses på forskjellige måter. Det er faktisk ganske enkelt å kode et design der bildet står ut av (er overfylt av) sin solide bakgrunn - du plasserer bare et bilde over et mindre element med en solid bakgrunn.Du kan få det samme resultatet hvis du bruker gjennomsiktige grenser, hvor du holder størrelsen på bakgrunnselementet det samme som forgrunnen, og legger til gjennomsiktige grenser for å lage et tomt rom for forgrunnen å overflyte inn i.Det er noe

(Tekniske og design tips)