no.hideout-lastation.com
Opprett Device Mockups i nettleser med DeviceMock
Du kan finne mange gratis online mockups på nettet, alt fra PSD til Sketch-filer. Men hva om du raskt kunne bygge enhetsmockups på flyet i nettleseren din?
Vel, takk til folkene på rm-labo, kan du! Deres gratis jQuery-plugin, DeviceMock.js, lar deg vikle en vektor enhet rundt et hvilket som helst sideelement, ved hjelp av enkle JavaScript og SVGer.
Så, hvordan fungerer dette akkurat?
Vel, først trenger du en kopi av jQuery og en versjon av DeviceMock-plugin fra GitHub . Dette kommer med en JS-fil, CSS-fil, og noen SVG-filer for å lage de faktiske enhetene.
Du kan målrette mot hvilken som helst type element på siden, fra et enkelt bilde til en hel div, eller til og med et innebygd element, for eksempel en iframe. Dette betyr at du kan til og med bygge en kul mini-nettleser rett på nettstedet ditt med en iframe til en annen side.
Dette pluginet støtter fem forskjellige enhetstyper :
- nettleser
- smart~~POS=TRUNC
- Tablett
- Desktop
- Laptop
Alle disse mockups bruker flat design stiler siden de er bygd med SVGs. Og alle ser ganske ut som Apple-enheter, for eksempel at smarttelefonen er en klone på iPhone, og skrivebordsbeskjermen ser iøynefallende ut som en iMac.
Alle disse vektorene er enkle å legge til, og de fungerer i hver nettleser med SVG-støtte .
Du kan til og med endre egenskaper som mockup størrelse, tema (hvit / svart) og orientering (stående landskap).
Hvis du bruker nettleserens mockup, kan du til og med spesifisere en dummy-URL i adressefeltet. Dette er en morsom måte å legge til enda mer tilpasning.
Gitt dette biblioteket vil ikke være nyttig for alle, men det løser et nisjeproblem som mange UI / UX-utviklere møter når prototyping.Hvis du vil vite mer, kan du gå til GitHub-siden eller sjekke ut live-nettstedet for en aktiv demo.
50 Frilansede arbeidsplasser for designere og programmerere - Best Of
Å være freelancer kan være ekstremt fordelaktig og er sannsynligvis en drøm for mange designere og utviklere som er lei av kabinestilen. Ikke bare får du bare velge de jobbene du er interessert i, du har også total fleksibilitet når det gjelder tid, som du vil jobbe med, og hvor du vil jobbe med .Proble
Best Time Lapse Apps for smarttelefonen
Skytingstidsløp Videoer er den beste måten å fange den fascinerende skjønnheten av sakte bevegelige ting rundt oss at våre øyne (eller tålmodighet) ikke kan holde tritt med. Takket være lav bildefrekvens og høy videohastighet kan du lage episke videoer av blomstrende blomster, solnedgang, bevegelige skyer og mange andre vakre scener.Interess
