A fully responsive site

Responsive is the big buzzword in web design these days – now that people view websites on so many different sizes of devices, web designs have to be able to respond accordingly and render gracefully in lots of different configurations.  This is one of the things I have always loved about web development: the need to be flexible, to think about how the site is going to look and work on different screens.  Now that responsive web design has arrived, I’m having lots of fun with media queries and percentages and ems.

I have several responsive sites in progress at the moment, but this week marks the official launch of the first fully-responsive design I have coded, and I’m absolutely delighted with how it turned out.  It’s for a new company called Answers in Hand, which facilitates providing information to cell phones via NFC and QR codes.  The fantastic graphic design is by George Guy of Warp Graphics.

So go visit Answers in Hand, and then resize your browser – as it gets bigger and smaller, the hand holding the phone changes orientation so that it always fits on the screen.  Once you get down to mobile phone size, the hand holding the phone disappears (since you’re already looking at it on a phone in your hand).

I’m not usually a fan of one-page websites, but this is a case where I think it works really well.

From now on, I’m making sure that all of my sites are at least a little bit responsive, and you’ll see some more fully responsive sites from me soon.

Share:
  • Twitter
  • Facebook
  • StumbleUpon
  • Google Bookmarks
This entry was posted in responsive, web design. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

11,778 Spam Comments Blocked so far by Spam Free Wordpress

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>