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


10 Nyttige og gratis skriftikoner du bør legge til

Etter hvert som flere og flere enheter vedtar HD-skjermer, blir fontikonene det populære valget å vedta. Den kan tilpasses uten å kompromittere kvalitet og tilpasses gjennom CSS . Vi kan enkelt endre fargen, størrelsen, og til og med animere fontikoner med CSS3. I tillegg er det oppløsningsuavhengig som gjør det ser skarpt ut på hvilken skjermdensitet som helst.

FontAwesome er langt den mest populære fontkilden, med en stor samling ikoner. Men det er svært unødvendig å laste ned hele samlingen når du trenger å bruke bare noen få. Her er 10 alternative kilder til godt utformede skrifttypeikoner som jeg håper du vil finne nyttige til tider for å bygge dine neste flotte nettsteder og programmer i stedet for FontAwesome.

StackIcons

StackIcons er font ikoner for over 60 moderne sosiale merker. Den leveres med CSS, slik at du kan style din skrift i mange containerformer. Du kan få dine sosiale merkeikoner i sirkler, firkanter eller med avrundede kanter. Du kan også farge ikonene i mer enn en farge, noe som gir deg mer realistiske merkevarefarger.

Lisens : SIL Åpne skrift og MIT

Twemoji Awesome

Twemoji er et åpen kildekode-emoticon-prosjekt fra Twitter. Elle Kasai har portet den til et skrifttypeikon kalt Twemoji Awesome . Alle klassenavnene for å vise ikonene er de samme som Twemoji Cheat Sheet, men du må bruke en dash i stedet for en understrek, det er alt. Her er et eksempel på hvordan vi legger til hatching_chick ikonet:

Lisens: MIT og CC-BY for emoticon-grafikken

Font Diao

Font Diao er en samling av skrifttype ikoner fra populære nettsider eller firma basert i Kina som Alibaba, Alipay, WeChat, Xiaomi og Weibo. Skriften kan komme til nytte når du bygger wesbites utpekt til Kina fastlandet publikum som sannsynligvis er kjent med denne spesielle fonten.

Lisens: Offentlig lisens

Socialicious

Socialicious er en font som er utelukkende bygget for populære sosiale nettsteder som Facebook, Twitter og Instagram. Skriften er bygget for å fungere pent med Bootstrap. Her er et eksempelkode for å bygge en knapp med Bootstrap .btn klassen i forbindelse med .btn .

  Koble til Linkedin 

Lisens: MIT-lisens.

Octicons

Octicons er et sett med font ikoner presentert av GitHub, slik at du kan bruke det samme ikonet som brukes av GitHub på prosjektet ditt. Det er mer enn 170 ikoner klar til å søke på ditt neste prosjekt.

Betalingsskrift

Hvis du bruker en betalingsgateway, vil du kanskje få tak i disse skriftikonene. Pakken inneholder 95 søvnikoner som er populære betalingsmetoder eller gateways som Visa, American Express og mer.

Lisens: SIL OFL 1.1

Android ikoner

Dette er ikon settet opprettet av Opoloo, tidligere kjent som Android-fellesskapet. Den inneholder 250 flotte ikoner i 5 størrelser og 14 farger med innfødte Android-ikoner.

Lisens : Attribution-ShareAlike 4.0 International

DevIcons

DevIcons er et sett med font ikoner håndlaget av Theodore Vorillas. Den inneholder 85 symboler og logoer med kjente utviklingsprogrammer som GitHub-ikonet, Gulp-ikonet, Angular-ikonet og mange andre.

Lisens: MIT

Åpne ikonisk

Open Icon inneholder 223 ikoner klar til bruk med bootstrap, et rammeverk eller eget stilark. Skriftstørrelsen er liten, bare 12, 4 kb, som er omtrent en fjerdedel av det du finner i FontAwesome. Den kule tingen her er, disse ikonene kan skaleres ned til 8px.

Lisens: SIL.

Material Design Ikonisk Font

Det er 15 kategorier av Google Material Design-inspirerte skriftikoner i denne pakken. For å bruke dem, bare installer Material-Design-Iconic-Font.ttf, bruk deretter denne cheatsheet. Kopier lim inn ikonene (ikke unicode) i prosjektet ditt. Du kan forstørre ikonene, gi det grenser, roter, roter eller flip den med CSS.

Lisens : Attribution-ShareAlike 4.0 International

Nå Les: 50 + Gratis Symbol Fonter For Web Designere

Kode i skyen med koding

Kode i skyen med koding

Måten vi utvikler og kodes eksternt, har ikke endret seg mye de siste årene . Tross alt er selve kodesegmentet noe som krever oppmerksomhet og en viss følelse av ensomhet for å kunne klare seg godt. Men hva om du sitter fast og vil ha en mer personlig måte å overvinne et bestemt kodende problem på?Koding

(Tekniske og design tips)

10 E-handel UX-tips for å optimalisere filtrert navigering

10 E-handel UX-tips for å optimalisere filtrert navigering

Filtrert navigering er en populær nettsidefunksjon som i dag brukes rutinemessig på e-handelsnettsteder . Det tjener formålet med å hjelpe kundene med å finne produktet de leter etter i store datasett .Tenk på filtene du kan angi for et produktsøk på eBay eller Amazon, for eksempel kategorien, materialet eller varemerket til et produkt.Hvis du

(Tekniske og design tips)