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


Ta tak i komplette nettstedskjermbilder med denne Chrome-utvidelsen

Jeg liker alltid å ta en full skjermbilde av fantastiske nettsteder jeg finner på nettet. Men knappen "print screen" tar bare det som er direkte på skjermen.

Full Page Screen Capture er den beste løsningen jeg har funnet som lar deg ta 100% fullstendig vertikale skjermbilder fra hvilken som helst nettside .

Med denne utvidelsen besøker du bare siden og klikker på det lille kameraikonet i utvidelsesruten. Lett-breezy uten begrensninger.

Utvidelsen er helt gratis og skal fungere i alle versjoner av Chrome, inkludert dev-versjoner.

Den kommer også med en praktisk snarvei-kommando Alt + Shift + P som automatisk trekker skjermbildet av hvilken side du er på. Denne utvidelsen fanger opp siden ved å automatisk rulle opp og ned og ta bilder mens det går, og kutter dem alle sammen i ett sluttbilde.

Denne prosessen kan ta noen sekunder, avhengig av størrelsen på siden. Jeg har funnet det ganske raskt på nettsteder som ikke har for mange dynamiske funksjoner.

Når det er fullført, finner du stillbildet åpnet i en ny fane i Chrome, klar til å kopiere eller lagre direkte til datamaskinen.

En ting jeg har lagt merke til med dette pluginet er at du må ta hensyn til animerte objekter. Enkelte sideelementer som lysbildefremvisninger vil automatisk bla mellom fotografier og kan ødelegge det endelige bildet.

Gitt det er ikke så vanskelig å stykke dette sammen med en enda skjerm på egen hånd. Men noen ganger har du irriterende funksjoner som klebrig navbars som vises i hver ny side av siden, ødelegger ditt fullskjermbilde.

For å løse dette går jeg inn i Chrome DevTools-panelet og redigerer CSS for den faste linjen for å holde den statisk . Kan ta litt ekstra arbeid, men skjermbildet mitt kommer ut piksel perfekt.

Hvis du ofte tar skjermbilder av nettsteder, vil denne utvidelsen vise seg å være en stor timesaver.

Dynamisk profil Bilder for Interface Mockups med Diverse UI

Dynamisk profil Bilder for Interface Mockups med Diverse UI

Når du designer en mockup, vil du fokusere på grensesnittet først og fremst på estetikken. Det samme gjelder for wireframing og koding av et weboppsett fra bunnen av .Mange forskjellige mockups krever profilbilder, for eksempel sosiale nettverk, bloggkommentarer og profilsider. Med Diverse brukergrensesnitt, kan du enkelt legge disse bildene inn i din mockup med noen få klikk.Nett

(Tekniske og design tips)

5 Chrome-utvidelser for å forbedre dampopplevelsen

5 Chrome-utvidelser for å forbedre dampopplevelsen

Hvis du er en PC-spiller, bruker du sannsynligvis Steam til å kjøpe, spille og administrere noen, om ikke alle, videospillene dine. Med all salg og bekvemmelighet som Steam bringer, vil du sannsynligvis være gal ikke. Steam-programmet er trolig alles førstevalg, men visste du at det er noen Chrome-utvidelser som kan legge til mye funksjonalitet på Steam-nettstedet?Mell

(Tekniske og design tips)