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


Micon - En Windows 10 Ikon Skrift for Webdesignere

Redesignet for Windows 10 kom med mange nye funksjoner og et helt nytt utseende. En av de største endringene kom til ikonstilen, spesielt i forhold til Windows 7 og XP.

Takket være Micon-settet, kan du nå ta med Win10-ikoner rett inn på nettstedet ditt .

Dette ikonet pakken kommer som et ikon skrift og det er utgitt gratis via GitHub . Hovedrekorden har oppsettinformasjon, men Micon-hjemmesiden inneholder alle ikonene på skjermen med de tilhørende klassenavnene.

Den faktiske nettstedstrukturen følger et lignende format til Font Awesome . Du kan bla gjennom alle ikonene og klikke på noen av dem for å få flere detaljer på en ny side.

Ta for eksempel dette batteriladningsikonet som bruker en batteridesign og en liten ladestik. Du får en forhåndsvisning av ikonet i forskjellige størrelser, sammen med CSS-ikonklassen, i dette tilfellet mi-BatteryCharging10 .

Dette ikonet sett fungerer også mye som Font Awesome, der du kan legge inn ikonene rett inn i HTML-en din . Kodestykket for dette batterikonmerket fungerer akkurat det samme:

Det er super lett å komme i gang, med bare en kopi av Micon CSS stilark og litt grunnleggende kunnskap om frontend-utvikling .

Sjekk ut siden for å lære mer. Egentlig trenger du bare å laste ned en kopi av Micon-pakken fra GitHub og inkludere det stilarket (sammen med riktige ikonfonter) på siden din. Derfra refererer du bare til klassenavnene som ovenfor, og du er god til å gå.

Siden dette prosjektet er åpen kildekode, er du fri til å bruke disse ikonene med ethvert prosjekt, personlig eller kommersiell . Og du kan til og med lage din egen fil ved å følge byggeinstruksjonene fra Micon GitHub. På denne måten kan du pakke bare ikonene du vil ha i fontfilene og redusere den totale filstørrelsen.

Samlet sett er jeg veldig imponert over ulike ikoner og det enkle oppsettet . Du kan finne mange eksempler på nettstedet og til og med animerte ikoner på Eksempler-siden, som inkluderer kodestykker.

Disse ikonene fungerer også bra med Bootstrap, slik at du kan kombinere det med BS3 / BS4 rammeverket for noen ekte tilpassede layouter.

Last ned en gratis opphavsrett fra Micons hjemmeside og se hvordan du kan bruke disse ikonene i Windows 10-stil til din neste design.

Slik testes nettstedet over flere nettlesere og enheter synkront

Slik testes nettstedet over flere nettlesere og enheter synkront

Responsive Web Design (RWD) er nå en felles tilnærming til å bygge en mobil vennlig nettside. Men å bygge en responsiv nettside kan være ganske irriterende når du må teste nettstedet i flere enheter og skjermstørrelser.Si at du har tre enheter til å kjøre testen på, du kan ende opp med å oppdatere hver nettleser i hver av disse enhetene, som er tungvint, for å si mildt.Så ideen om

(Tekniske og design tips)

Christmas Gift Wrapping - 28 Tutorials å gjøre det likeaboss

Christmas Gift Wrapping - 28 Tutorials å gjøre det likeaboss

Vi ønsker alle at våre gaver til våre kjære skal være unike, men ofte glemmer vi at forventning er viktig også! Neste gang du gir noen, må du ikke bare pakke den inn på et vanlig gavepakke eller en boks, gjøre noe annerledes og sette din vakre gave inn i et vakkert gavepakke!Ta en titt på disse 28 unike gaveinnpakning ideer opplæringsprogrammer som vil definitivt gjøre dine kjære elsker din gave, selv før de har sjansen til å åpne den! Og her er en a

(Tekniske og design tips)