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.

20 WordPress-plugins for å optimalisere kategori og etiketter

20 WordPress-plugins for å optimalisere kategori og etiketter

Med "Kategori" og "Tag" i WordPress kan du organisere innhold i forhold til hverandre. Dette er enkle funksjoner som brukerne kunne forstå umiddelbart. Men hvis du har brukt WordPress for en stund nå, vet du at det alltid er rom for forbedring.Hvis du vil gjøre noe med kategorien og merket som ikke er det innebygde verktøyet, vil du kanskje finne det på følgende liste. Her

(Tekniske og design tips)

Beste gratis JavaScript Modal Window Plugins

Beste gratis JavaScript Modal Window Plugins

Du kan finne mange rene CSS-modeller, men disse tilbyr ikke samme kontroll som JavaScript . Med en JavaScript-modal kan du legge til tilpassede animasjoner, grensesnittinnganger og virkelig forbedre brukeropplevelsen.Men hvorfor design noe fra grunnen når du kan bruke et JS-bibliotek ? Jeg har samlet de beste gratis JavaScript-drevne modalskriptene her for at du skal lese og enkelt ut favorittene dine.

(Tekniske og design tips)