4 ms·

Come on people. I'm so tired of most of my comments being reminders to check your UX! http://imgur.com/82DqYXl http://imgur.com/82DqYXl I'll short out most, i

by geuis 13y ago

Come on people. I'm so tired of most of my comments being reminders to check your UX! http://imgur.com/82DqYXl http://imgur.com/82DqYXl I'll short out most, if not all, of your responses here. I'm on mobile. I don't care if you designed for the desktop web or not, most visitors will be mobile web. Just test it. And for Cthulu's sake rotate your phone 90 degrees to make sure it works.

greggman 13y ago
Or use the iOS Simulator if you're on Mac. It's simple, it launches in seconds, you can point it to localhost on your machine if you're serving locally for testing, and you can check old versions of the OS with older versions of Safari (like 7.0 where you couldn't minimize the UI). In their defense users who actually want to contribute will likely be on desktop but I get your point. You're reading HN on mobile and want to be able to see the site.
- chrismorgan 13y ago
  Start by just using basic viewport size testing, resizing your browser or using a tool like Firefox’s responsive design mode (Ctrl+Shift+M, not sure about the shortcut on Mac OS X).
  - zo1 13y ago
    Nice, I never knew about that feature, thanks! Just tried it out on some of my work, and it's a breeze to use. However, seems that scrollbars behave slightly differently in it. In my case they aren't appearing in certain sub-containers. Have you had any such issues with it?
- MaxGabriel 13y ago
  You can also use Safari web inspector for both the simulator and iOS devices, which is really nice.
chrismorgan 13y ago
This is the problem of responsive‐viewport‐by‐default in CSS frameworks: when people are lazy, the last state of that site is worse than the first.
woogle 13y ago
You're so right. I'm not even able to read descriptions on my iPhone. I prefer to have a regular desktop site that I can zoom on, than a bugged responsive one which crop content...
Kiro 13y ago
Easier said than done.

by geuis 13y ago

greggman 13y ago

Or use the iOS Simulator if you're on Mac. It's simple, it launches in seconds, you can point it to localhost on your machine if you're serving locally for testing, and you can check old versions of the OS with older versions of Safari (like 7.0 where you couldn't minimize the UI). In their defense users who actually want to contribute will likely be on desktop but I get your point. You're reading HN on mobile and want to be able to see the site.

chrismorgan 13y ago
Start by just using basic viewport size testing, resizing your browser or using a tool like Firefox’s responsive design mode (Ctrl+Shift+M, not sure about the shortcut on Mac OS X).
- zo1 13y ago
  Nice, I never knew about that feature, thanks! Just tried it out on some of my work, and it's a breeze to use. However, seems that scrollbars behave slightly differently in it. In my case they aren't appearing in certain sub-containers. Have you had any such issues with it?
MaxGabriel 13y ago
You can also use Safari web inspector for both the simulator and iOS devices, which is really nice.

chrismorgan 13y ago

This is the problem of responsive‐viewport‐by‐default in CSS frameworks: when people are lazy, the last state of that site is worse than the first.

woogle 13y ago

You're so right. I'm not even able to read descriptions on my iPhone. I prefer to have a regular desktop site that I can zoom on, than a bugged responsive one which crop content...

Kiro 13y ago

Easier said than done.