I agreeto Idea Use Responsive Web Design
Voting is Disabled
I disagree

Rank12

Idea#62

This idea is active.
Design »

Use Responsive Web Design

Make the new website responsive, that way any device can use it and it will scale according to screen size.

Submitted by Travis McCrea 1 year ago

Vote Activity Show

(latest 20 votes)

Similar Ideas Show

Events Show

Comments (10)

  1. David Sparks Merged

    No redesign done in 2012 should be completed without starting with mobile first and being responsive. Knock it out of the park. start with mobile, scale up and be responsive.

    1 year ago
    29 Agreed
    4 Disagreed
  2. use ctrl+mousewheel

    1 year ago
    0 Agreed
    3 Disagreed
  3. Sana Merged

    Make the website more responsive and better presented on the iPod and other devices.

    1 year ago
    3 Agreed
    0 Disagreed
  4. 1. Completely agree with Travis and David! A mobile first approach using CSS3 media queries is the way to go! http://mediaqueri.es/ is a great source for innovative inspiration.

    2. I'd veto the global navigation animation or at least increase the slideDown speed.

    3. Use the 80/20 approach for the homepage and only show 20% of the most important data. *very subjective*

    4. Make use of Nicole Sullivan's CSS media object for left or right aligned images and cut your code in half! http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/

    5. Reduce your Javascript & CSS requests and compress CSS with SASS/LESS for file optimization.

    6. Keep up the great work!

    1 year ago
    1 Agreed
    0 Disagreed
    1. CSS3 Media Queries are easier but remember that NASA needs to support all the old browsers too (probably back to IE 5.5)...

      1 year ago
      2 Agreed
      0 Disagreed
    2. Hi Love Retail,

      I agree with you that support for legacy browsers is most likely top priority on their to-do list.

      Media queries are definitely an extra step in the development process but you can always serve up a fixed-width default layout to legacy browsers such as IE6 within the same stylesheet that contains structure for the ipad, iphone and various other mobile/tablet viewports. The approach of building for desktop first and then going mobile via CSS requires more browser/device testing afterwards but it's not that uncommon to do so. Ultimately media queries reduce development time because you only need to work on a single site instead of two.

      Just saying it would be nice to load up an optimized version of nasa.gov on my phone or tablet without downloading an app or being redirected to another location.

      www.time.com is a great example of a recent relaunch using responsive design.

      1 year ago
      1 Agreed
      0 Disagreed
    3. Travis McCrea Idea Submitter

      I upvoted Love Retail me not, but I didn't mean to. There is /no/ reason to support browsers that are currently unsupported by their maker. Bootstrap (a CSS template which much of the web is starting to use) and Google (... Google) are both no longer supporting old browsers. In fact, Google i only supporting each browsers current version and it's prior version.

      In today's world, even in today's corporate world... there is no reason to hold back in a web design to help the < 4% of users who are using outdated technology and who should just upgrade.

      1 year ago
      2 Agreed
      0 Disagreed
  5. make the website more responsive like it will appear on Ipods and mobile devices and show the daily temperature in the side bar.

    1 year ago
    1 Agreed
    0 Disagreed
  6. And make it suitable for PCs with wide screens - use fluid layout.

    1 year ago
    1 Agreed
    0 Disagreed