Pretty Sites
The Pretty Sites blog
Tips for capturing and showing off websites, for web designers.
How-toHow to Take a Full-Page Screenshot in Chrome (3 Easy Ways)
Three ways to screenshot an entire web page in Google Chrome: the hidden DevTools command, a free extension, and the built-in tools in Edge and Firefox. With the pros and cons of each.
Read it →
TroubleshootingWhy Full-Page Screenshots Break (Sticky Headers, Parallax, Blank Sections) and How to Fix Them
Repeated headers, gaps, blank sections and missing images are the most common full-page screenshot problems. Here's what causes each one and how to get a clean capture.
Read it →
For designersHow to Show Clients Their Website on Desktop, Tablet and Phone
Clients want to see their new site on every screen. Here's how to preview a responsive website at desktop, tablet and phone sizes in Chrome, and how to capture screenshots and videos of each layout to send them.
Read it →
How-toHow to Make a Scroll Video of Your Website (for Portfolios and Clients)
A smooth scrolling video is the best way to show off a website. Here's how to record one, by hand with a screen recorder or automatically with a Chrome extension, plus tips for a video that looks pro.
Read it →