Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Testing responsive design?

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #43563
    bryanw
    Member

    I’m finally delving into a more responsive design approach and I’m finding that the hardest part about it is actually testing it. Does anybody have any good recommendations on testing responsive designs on mobile, ipad, tablet etc., when developing locally? Sure, I can resize the browser window but that doesn’t tell me how my webpage is going to load and look in mobile Safari/Chrome or in Android.

    #129271
    JohnMotylJr
    Participant

    You can always check out http://www.browserstack.com/ to test in different browsers, os, versions, etc. Also, if you use Google Chrome, just right click, inspect element, go to the settings in bottom right corner, check overrides, now you can play with different useragents and screen sizes etc.

    #129327
    iknowdavehouse
    Participant

    Depending what you use – If you use Coda 2 you can buy Diet Coda on the iPad and that will refresh as you code on your desktop. I think there a few of these floating around…

    Firefox allows you to bring your desktop browser right down further than Safari or Chrome and has a RWD view in developer tools. Sauce labs app has a lot of browser versions and iOS simulation. I use this in addition to an iPhone and Nexus.

    #129337
    CodeGraphics
    Participant

    I use [this.](http://mobiletest.me/ “”).

    #129338
    Jeager
    Member

    Also screenfly: http://quirktools.com/screenfly/

    Usually I just re size my browser window though. Not a totally fair assumption of course, but works for the majority of the testing needed.

    #129340
    notfilc
    Member

    Tend to just use Chrome with this bookmarklet:

    http://lab.maltewassermann.com/viewport-resizer/

    #129283
    TheDoc
    Member

    If you’re on OS X you can use the iOS simulator in Xcode, super handy!

    #129388
    lydia
    Participant

    I use crossbrowsertesting.com in combo with my own ipad mini and android phone. Nothing beats a real live test on an actual device. For example, I recently tested a site that looked great in screenshots, but functionality-wise, the homepage slider was showing up over top of the dropdown mobile menu. Wouldn’t have known that without using my smartphone (fixed with a simple z-index adjustment).

Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘CSS’ is closed to new topics and replies.