Design Your Website for Mobile & More with Responsive Web Design

Design Your Website for Mobile & More with Responsive Web Design

Dallas Social Media Speaker J.R. Atkins recommends Responsive Web DesignAs more computing moves to mobile devices such as Smart Phones and Tablets, we all need to adjust how our websites look on smaller screens. The opposite is also true; as more people connect their computers to their TV and large display screens, the website should scale to make use of the additional viewing space. So what’s the solution? Design your web site so it will dynamically adjust to any screen size. This is called Responsive Web Design.

The basic idea of responsive web design is that a website should “respond” to the device it’s being viewed on. In broad terms, this can mean things like:

   Adapting the layout to suit different screen sizes, from widescreen desktops to tiny phones

   Resizing images to suit the screen resolution

   Serving up lower-bandwidth images to mobile devices

   Simplifying page elements for mobile use

   Hiding non-essential elements on smaller screens

   Providing larger, finger-friendly links and buttons for mobile users, and

   Detecting and responding to mobile features such as geolocation and device orientation.

Most of the time, though, when people talk about “responsive web design” they’re referring mainly to the first of these points: creating a responsive layout that can gracefully adapt to different screen sizes.[i]

Here a few examples of websites that utilize Responsive Web Design. You can test their responsiveness by adjusting the size of your browser window and seeing how the content changes.[ii]

J.R. Atkins, Author, Speaker & Consultant on Social Media & Mobile Apps discusses Responsive Web DesignJ.R. Atkins, Author, Speaker & Consultant on Social Media & Mobile Apps discusses Responsive Web Design

 

 

J.R. Atkins, Author, Speaker & Consultant on Social Media & Mobile Apps discusses Responsive Web Design 

By using Responsive Web Design you will create a more pleasing user experience for your website visitors thus increasing their time on your site and conversions.

To learn more about Responsive Web Design check these additional resources. I look forward to reading your thoughts and comment.

  1. Book: Responsive Web Design by Ethan Marcotte
  2. Article: 60 Examples of Responsive Website Design from Inspiration Feed
  3. Blog: the Future of Web Design by Courtney Boyd Myers, The Next Web


[i] Matt Doyle, Responsive Web Design Demystified, Sept 30, 2011, http://www.elated.com/articles/responsive-web-design-demystified/ accessed December 17, 2011.

[ii]  Chris Lee, Top Responsive Websites Part 1, July 12, 2011, http://globerunnerseo.com/top-responsive-websites-pt-1, accessed December 17, 2011.

Upcoming Events of Note:

1/18/12           SMU Cox 4th Annual “Economic Forecast for 2012

1/18/12           Digital Dallas – A Start Up Showcase

1/19/12           Social Media Club of Dallas Meeting

1/21/12           DFW World Affairs Council: 2012 History at The Movies

1/24/12           JFK: The Medical Connection

1/26/12           Southwest Venture Forum

1/26/12           DFW MPI

1/26/12           AAF Dallas Happy Hour

1/31/12           Ambassador of Canada to the US – Gary Doer

1/31/12           Last Tuesday at the Ritz

To subscribe to my blog go to: http://somethingdifferentcompanies.com/blog/


About Author

jratkins

As an Author, Speaker & Consultant on Social Media, Mobile Apps, Sales & Marketing, I help individuals and companies embrace social media and mobile Apps as communication tools, then use marketing to drive results. I enjoy connecting to others using these tools to grow their business.

2 Comments

Renetta Hornbeak

January 13, 2012 at 5:16 am

Hi, I really like your blog. Is there something I can do to obtain updates like a subscription or something? I’m sorry I am not familiar with RSS? http://www.ctctradeshows.com

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Archives

Categories

%d bloggers like this: