Categories
Tools

Blisk.io (#9)

Blisk is another responsive tool, but this one is a desktop app that you download and install to your computer.

Basically it operates as its own web browser. You type your URL just as you would any other browser, and Blisk comes preformatted for viewport testing.

Check out how easy it is to switch between devices.

Bliskio

Categories
Tools

ResponsiveView Chrome Extension (#8)

This Chrome Extension falls into the same theme this week: it’s a quick and easy way to look at your site in lots of different sizes.

https://chrome.google.com/webstore/detail/responsive-viewer/inmopeiepgfljkpkidclfgbgbmfcennb/related?hl=en

When you get to the Chrome extension store click “Add To Chrome”

Now visit the website you want to test and click the icon in the Extensions bar.

Responsive-Viewer

What I like about this one most is the extraordinarily helpful sidebar which lets you easily slide between the views. Check out how slick this interface is:

What a great tool. Use it today to check your website quickly for viewport responsiveness. Look how easily it slides back and forth as you choose different veiwports.

Categories
Tools

Am I Responsive? (#7)

http://ami.responsivedesign.is/

You type your URL here, and the page barely reloads. The image of the existing computers stay as-is, but you see your website appear inside of them:

(keep in mind this is a screenshot of yesterday’s post)

Neat, eh?

Categories
Tools

Responsinator (#6)

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

http://www.responsinator.com/

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.