Today I kick-off a mini-segment on responsive design tools — things to use while developing your website to make sure it works on both desktop and mobile browsers. In short, responsive means the CSS responds to the size of the viewport (which for mobile devices like iPads is the width of the device and cannot be changed). This enables the experience to be delivered seamlessly and without friction on any size screen— from small phones all the way up to wall-mounted television displays.
Today’s tool is Responsinator
Responsinator is a quick-little tool to show you your website on lots of different popular viewports: portrait and landscape for each of iPhone X, Android, iPhone 6,7,8, and iPad.
They’ve adoringly dubbed the iPhone X the “iPhone eXpensive” and the larger of the iPhone 6,7,8 models as “iPhone Plumo” in their display
Here you can get a quick view of how mobile responsive your website is.
Use it today to try to get a feel for how your site looks at different viewports — that is, the width (as measured in pixels) of the devices that will show your website.
Tomorrow we’ll continue to look at similar tools for checking your website for responsive design.
Won’t you subscribe to the newsletter? Be sure to LIKE and FOLLOW, just scroll down.
Your article helped me a lot, is there any more related content? Thanks!