John Otander

Create a pretty browser window mockup in HTML+CSS

Beautifully presenting web pages and apps in context can really help draw in potential users. This typically consists of placing screenshots in browser windows, phones, etc. with photo editing software. However, I like to avoid Photoshop like the plague, so I wanted to figure out a way to do the same in a text editor. So, I decided to concoct a CSS/HTML solution.

Check out the codepen here.

Sign up for my newsletter

If you want early access to what I'm researching, writing, and building, you should subscribe to my newsletter.

No spam, ever. You can unsubscribe at any time.