Responsive Design Trends: Responsinator and RWD Bookmarklet

responsinator vs. screenshot

responsinator vs. screenshot in Safari Browser (this is a snapshot of erskinedesign.com)

As part of my last assignment in Web Design Bootcamp, we are to take a snapshot of Responsive Websites in the Summer of 2012. (What is Responsive? I love this article that answers that question.) This is a fun exercise. We are the Darwins of the Web, looking for interesting variations on the finch. They prove that there are trends in Web Design and they evolved that way for a reason, but there’s always a few sites that are innovative. Because they have thought through some usability features, they have added value to the site. As we get better with responsive (perhaps strict industry standards) we (as designers and developers) can better enhance Web experiences and usher in a new era of technological development as Steve Jobs ushered in a new era of music listening.

In our design/developer toolbelt, we have ResponsinatorΒ andΒ Responsive Design BookmarkletΒ to ease the Responsive Testing Process. (There are a bunch of these sites, if you want to shop around. I like Matt Kersley‘s because it seems more indie. Let me adjust my hipster glasses as I say that.) They shrink down the website for you (and in the case of Responsinator, it adds a grey version of the device whose screensize that is). Chris Pederick (Web Dev Toolbar Extraordinaire) also offers features to streamline the process.

Advertisements

About KC

I am Katarina Countiss, a multimedia designer. I like blogs, games, art and technology. I am curious about how things are made.
This entry was posted in User Experience, Web Design. Bookmark the permalink.

2 Responses to Responsive Design Trends: Responsinator and RWD Bookmarklet

  1. Pingback: Responsive Design Research: Template (for PowerPoint) | Katablog

  2. Test your site in various devices from an iPhone and iPad, to a Kindle and on Android on the Responsivetools. It also shows your site both in portrait and landscape mode. I like this tool much more because of the outlines of the devices displayed on the page, which brings more meaning to the whole process.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s