Categories / Tutorials

The New OS X Has a Secret Tool Every Web Designer Will Love

Kevin Whipps March 31, 2021 · 2 min read

Today marks the release of the latest edition of OS X, 10.11 El Capitan. We could spend a ton of time talking about all of the cool new features, but there’s one that’s flying a bit under the radar: Safari has added responsive design previews.
If you’re a web developer, this is huge news. Instead of constantly resizing your browser windows to approximate specs, you can just click an icon and make it happen. So how do you pull the trigger on this awesomeness?
First, go into Safari > Preferences > Advanced. Then look down at the bottom and click the box that reads, “Show Develop Menu in Menu Bar.” It looks like this (well, minus the big red arrow):

Once you’re done, you can turn Responsive Design Mode on and off by hitting option/command R, or just going into the Develop menu and clicking on the menu item. Then, whatever page you happen to have open, will look like this:

Sweet, right?

Just click on the icons in the top row to change the site to the sizes of various iOS and Apple devices. Just like that, your developing world got a little bit easier.
via Kirkville


Kevin Whipps is a writer and editor based in Phoenix, Arizona. When he’s not working on one of the many writing projects in his queue, he’s designing stickers with his wife at Whipps Sticker Co.

Lettering Worksheets
Getting started with hand lettering?
Free lettering worksheets

Download these worksheets and start practicing with simple instructions and tracing exercises.

Download now!
Tags:
About the Author
Author
Kevin Whipps

Hi! My name is Kevin Whipps, and I'm a writer and editor based in Phoenix, Arizona. When I'm not working taking pictures of old cars and trucks, I'm either writing articles for Creative Market or hawking stickers at Whipps Sticker Co.

View More Posts
Go to My Shop
Related Articles