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


Visualiser fargepalettene dine online med Speculo

Den typiske mockup designprosessen kan føles som en chore. Du må vende mellom Photoshop (eller Sketch) for å endre farger, skrifttyper, stiler, og sammenligne dem alle for å se hva du liker best.

Hvis du går med et verktøy som Speculo, kan du studere og sammenligne fargepaletter dynamisk, rett i nettleseren din.

Denne appen er helt gratis og kjører i alle de store nettleserne fra Chrome til Edge. Det demoer seks forskjellige typer destinasjonssider, utformet som wireframes.

Som standard bruker de enkle fargevalg som etterligner Bootstraps stil. Du kan enkelt endre noen av disse fargene, og de oppdateres automatisk på siden.

Du kan også endre skrifttypene for å se hvordan de ser ut i hvert design. Det ville være kult hvis du kunne legge til din egen, men nettstedet støtter bare 7 forskjellige skrifter :

  • Arvo
  • Lato
  • Åpne Sans
  • Roboto
  • Montserrat
  • Helvetica Neue
  • BLOKKNeue

Landingsside wireframes er ikke veldig detaljert, så denne appen kan ikke hjelpe under senere stadier i designprosessen.

Imidlertid vil designere som bare ønsker å fange raske ideer, bli forelsket i denne webappen. Det lar deg endre farger med HEX-koder du kan til og med eksportere med en egendefinert delingslink.

Hvis du svever noen av wireframes, kan du klikke for å zoome inn og ta en nærmere titt. Det vil automatisk zoome for en fullskjermvisning, slik at du kan se skrifter og farger på nært hold.

Igjen tror jeg egentlig ikke at disse malene er detaljert nok til å hjelpe med prosjekter i de senere stadiene av utviklingen. Men hvis du er strapped for ideer og bare ser for å leke med farger, er Speculo et utrolig verktøy.

Du kan bla gjennom kildekoden på GitHub for å se hvordan den er laget. Hvis du har ideer eller forslag til Speculo, kan du dele med nettstedets skaperen, Ben Howdle.

Rediger CSS Designs In-Browser med CSS George

Rediger CSS Designs In-Browser med CSS George

Har du noen gang ønsket å gjøre direkte redigeringer i nettleseren din uten å bytte tilbake til CSS-filene dine? En løsning er Chrome Developer Tools, men noen utviklere foretrekker en enklere arbeidsflyt .Det er her CSS George kommer inn. Dette gratis redigeringsverktøyet i nettleseren fungerer på toppen av LESS, og det er initiert av en enkel JavaScript-fil .De fle

(Tekniske og design tips)

4 AdBlock Plus-alternativer for Chrome

4 AdBlock Plus-alternativer for Chrome

Ad blokkere er veldig enkle verktøy. Installer den i nettleseren din, og et stort antall annonser vil ikke lenger plage deg på noen måte, form eller form. Nyttig, selv om de kan være, er det noen som føler at ad blokkere er litt kjedelig .Hvis du er en av dem som foretrekker en ganske interessant annonseblokkering, og hvis nettleseren din er Google Chrome, så er det fire annonseblokkere som kommer med en unik vri.CatBl

(Tekniske og design tips)