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


Detaljert CSS Inspector på hvert nettsted med CSSPeeper for Chrome

Det vanlige Chrome DevTools-panelet er galt kraftig. Det lar noen dykke dypt inn i hvilken som helst side for å studere et nettsteds layout, CSS, og til og med HTTP-overskrifter om nødvendig.

Du kan gjøre mye med DevTools CSS inspektøren. Men det har ikke et klart GUI-panel, og det er en ting hver utvikler ville elske.

Sjekk ut CSSPeeper, en gratis Chrome-utvidelse som legger til denne GUI-inspektøren i nettleseren din. Det lar deg studere CSS-egenskapene til et hvilket som helst element på en hvilken som helst side, men det er bare bygget for Chrome akkurat nå.

Når du er installert, besøker du bare en nettside og klikker på utvidelsens hovedknapp i Chrome-tilleggsradien. Et nytt inspeksjonsvindu vises øverst på nettsiden med detaljer om hvert hovedelement.

Når du blar gjennom nettstedet, kan du klikke på et hvilket som helst element du ser med en stiplet oversikt. Dette kan inkludere knapper, sidestykker, overskrifter, navigasjonsartikler, du nevner det.

Derfra får du en hel inspektør med detaljer om typografi, fargevalg og skriftstiler. Det er en fin måte å trekke stiler direkte fra en nettside uten å grave inn i CSS-koden selv.

CSSPeeper lar deg selv velge relaterte farger med en innebygd fargeplukker og fargeskjema generator. Du kan eksportere bilder fra sider, bygge egne fargeskjemaer, og bruke disse i egne mockups med Photoshop eller Sketch.

Jeg anbefaler primært denne utvidelsen for designere i stedet for utviklere, da det er et mye mer designervennlig plugin som trekker rå CSS og forvandler koden til lettlestede datatyper.

Men dette pluginet kan også hjelpe utviklere også! Det er virkelig et kraftig nettsted inspeksjonsverktøy for alle typer CSS .

Ta en titt på CSSPeeper-hjemmesiden for å lære mer om hva den kan gjøre. Hovedsiden inneholder også en kobling til Chrome-butikken, slik at du kan installere utvidelsen gratis og ta den ut for en testkjøring.

XD Guru er det 1 ressursstedet Alle Adobe XD-brukere bør vite

XD Guru er det 1 ressursstedet Alle Adobe XD-brukere bør vite

Jeg har mistet oversikten over hvor mange freebie-nettsteder som er på nettet i dag. Mest fokuserer på tradisjonell Adobe-programvare som Photoshop og Illustrator, men du finner ikke mye på Adobes nyeste program Experience Experience (XD for short) .Dette programmet er fortsatt i beta, men vokser raskt blant designere. D

(Tekniske og design tips)

50 Kaffekopper Du vil ikke tankene å få forandring

50 Kaffekopper Du vil ikke tankene å få forandring

Hvis du er en stor kaffe elsker som meg, vil du aldri ha nok kaffe krus . En fin krus for kaffe eller til og med te gjør at du føler deg hjemme og koselig - selv på kontoret. I stedet for bare et kjedelig keramikk, kan disse krusene i dag være et kunstverk eller et objekt som viser den personlige smaken av sine eiere .I d

(Tekniske og design tips)