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


Geomicons - En unik håndkodet SVG Iconset

Web ikonsett blir raskt normen for moderne webdesign. De er enorme eiendeler til webdesignere, da disse ikonene kan tilpasses gjennom CSS og endres uten noe tap av kvalitet.

Men noen ikonpakker kan føles oppblåst og for store til mindre steder. Det er der Geomicons virkelig skinner.

Dette er en egendefinert håndkodet ikonpakke som kjører på SVG . Du kan legge inn ikonene gjennom JS-skript, eller som direkte SVG-filer til siden din. Uansett er de vakre vektorer og super lett å restylle.

Den viktigste Geomicons-siden inneholder en full demonstrasjon av alle ikonene. De er ganske enkle og følger den tradisjonelle enfargede flate design stilen vi alle er kjent med.

Men deres oppsettinfo mangler absolutt demo siden. Hvis du vil lære å sette opp dette, må du besøke GitHub repo for instruksjoner.

Som standard forutsetter dette biblioteket at du arbeider med CSS / JS for å få disse ikonene innebygd direkte inn i sideelementene. Men når du laster ned ikonene fra GitHub, får du alle de ruwe SVG-filene som du kan legge til direkte i HTML.

Bare problemer er at rå SVGer krever mer redigering for å endre farger, mens JS / CSS-ruten gir deg kontroll over farger via koden.

Bare legg til geomicons.min.js- skriptet i toppteksten, og send data- ikonattributtet til HTML-elementer. Disse vil automatisk innebygge ikoner som du deretter kan manipulere ved hjelp av CSS-klasser.

En annen ting jeg virkelig liker om Geomicons er støtten til Node. Her er en prøvebit fra GitHub repo:

 var geomicons = krever ('geomicons-open'); var pathData = geomicons.paths.heart; // Returnerer stien d-attributt verdi var svgString = geomicons.toString ('heart'); // Returnerer en SVG-streng 

Hvis du ikke er kjent med Node, vil du sannsynligvis aldri trenge å bruke noen av knutepunktene. Det samme gjelder for React.js-versjonen av disse ikonene.

Fortsatt å ha støtte for store rammer er en stor avtale. Det er mer bevis på at Geomicons er ment å støtte noen type nettsider ved å fokusere på ytelse først.

For å gi disse ikonene en testkjøring kan du trekke en kopi gjennom npm eller laste dem direkte via GitHub.

Det er også en oversikt iconset kalt Geomicons Wired som du kanskje vil teste også.

Uansett, dette er et glimrende ikonsett for minimalistiske webdesignere . Et perfekt valg for å optimalisere nettstedet ditt med vakre ikoner, samtidig som du reduserer de totale sidetilpasningstider.

15 Facebook App Tips og triks for Android-telefoner

15 Facebook App Tips og triks for Android-telefoner

La oss innse det, mange av oss bruker fortsatt Facebook daglig, enten det er hjemme, arbeid eller når du er ute og henger ut med vennene dine. Dette betyr at det meste av tiden vil du ende opp med å bruke Facebook på mobilen din, og grensesnittet til mobilappen er litt mer komplisert . Noen av funksjonene du er vant til på skrivebordet, er kanskje ikke tilgjengelige på selve appen.Det

(Tekniske og design tips)

10 nye funksjoner i HTML 5.1 og hvordan du bruker dem IRL

10 nye funksjoner i HTML 5.1 og hvordan du bruker dem IRL

HTML-spesifikasjonen ble gjennomført for et par uker siden da W3C publiserte sin nye HTML 5.1-anbefaling i november 2016. I det siste blogginnlegget ringte W3C den nye store utgivelsen gullstandarden, da HTML 5.1 gir oss nye måter å Vi kan bruke HTML for å skape mer fleksible nettopplevelser.I denne artikkelen skal vi se på de nye funksjonene du kan bruke uten å berøre JavaScript, men forbedringene i JavaScript-bakgrunnen er også bemerkelsesverdige, som du kan se den i den offisielle endringsloggen . Merk a

(Tekniske og design tips)