Markwyner4-sm

Responsive Web Design Tester

by Mark Wyner Pro Sep 28, 2011
Dribbble
help 1 rebound
Tweet
133 views
http://drbl.in/bZsE
Icon-colordrop

Tags

  1. 15
  2. 9
  3. 8
  4. 8
  5. 6
  6. 2
  7. 2
  8. 1
  9. 1
  10. 1
  11. 1

2 Responses

  1. Pro Markwyner4-sm Mark Wyner

    Inspired by Ethan Marcotte’s “Responsive Web Design” book I am finalizing a fresh build of my website to be responsive. During testing I realized there should be an easier way to quickly test various resolutions. So I built a responsive web design testing app which shows any URL I provide in multiple resolutions via iframes.

    8 months ago

  2. Markwyner4-sm

    Dribbble_teaser Newly Responsive MarkW... I rebuilt my website to be responsive. It's a modest example of what's capable, but it's responsive all the same. En route I decided to reduce content by pr... October 06, 2011

    Rebound

    Newly Responsive MarkWyner.com

    by Mark Wyner

    I rebuilt my website to be responsive. It's a modest example of what's capable, but it's responsive all the same.

    En route I decided to reduce content by probably 90%—leaving only what's vital to my story—and convert the markup to HTML5. I also worked towards performance by repositioning scripts to the bottom of the file*, condensing all of my CSS (including media queries) into a single file, utilizing CDNs, and compressing my javascript.

    *The HTML5 Shim script must be loaded in the head of a document to properly function, and jQuery must be called prior to that script for IE to make use of it.

    8 months ago

keyboard shortcuts: ← previous shot → next shot L or F like