Test your website at different resolutions! Screenfly is here to show you how your website looks on any device. 📱

This session, recorded for SmashingConf SF 2020, shares 15 tips for web design with DevTools in Chromium-based browsers like Edge and Chrome.

There are a number of these desktop apps where the goal is showing your site at different dimensions all at the same time. So you can, for example, be

Never have to resize your window again! With everysize, you can review your responsive webpage in all the sizes that matter in one go 🙃/>

Every modern website needs a responsive design. This does require more effort but the end result is worthwhile. I actually recommend testing your ideas with responsive design tools to see how your site looks at each stage. You can look for usability issues on different screen sizes all from one handy tool. And these free tools are my top picks for responsive testing since they're all super easy to use. Best of all these support many device sizes so you can get a good feeling for how your layout should look from smartphones to desktops. 1. XRespond The XRespond app calls itself a "virtual de...