Proactive Responsive Design

proactive responsive design

Proactive Design Presentation by Nathan Smith

This past week, I attended a presentation that DSVC hosted on the topic of responsive web design.  Nathan Smith (creator of 960.gs), Mark Sims, and Mike Townson of projekt202 highlighted some fundamentals as well as current issues and topics related to responsive design.  The presentation can be viewed by clicking here.

Here are some of the key elements from the presentation:

  • A responsive website is ideal for companies that may not need an app, but need their users to have mobile access to key information
  • The mobile-first approach can help resolve the issue of large, desktop-targeted image sizes creating lag
  • Sass is a CSS pre-processor that can help execute mobile-first while preserving the desktop experience of older browsers
  • Retinafy.me is a resource that explains how to create high-resolution websites that are also quick-loading
  • Responsive design works best when a website is initially planned with that method, rather than trying to adapt responsive to an existing fixed-grid website
  • Carefully consider how people are using the website on a mobile device and what information is the most vital
  • Examples of some reputable companies that have adopted a responsive website:
Microsoft homepage

Microsoft.com

GRAMMY homepage

GRAMMY.com

Time homepage

Time.com

Disney homepage

Disney.com

The guys at projekt202 gave a great presentation and I feel fortunate that I got to attend!

Advertisements

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