{"id":1399,"date":"2011-10-08T18:25:18","date_gmt":"2011-10-08T22:25:18","guid":{"rendered":"https:\/\/www.webomator.com\/?p=1399"},"modified":"2011-10-08T18:25:18","modified_gmt":"2011-10-08T22:25:18","slug":"how-you-can-help-me-support-your-mobile-device-in-the-future-that-never-was","status":"publish","type":"post","link":"https:\/\/www.webomator.com\/wordpress\/2011\/10\/08\/how-you-can-help-me-support-your-mobile-device-in-the-future-that-never-was\/","title":{"rendered":"How you can help me support your mobile device in the Future That Never Was"},"content":{"rendered":"
\n

A couple of years ago, when I put together my Retropolis web site<\/a>, I had no idea that there would be a problem there for users who were using touch sensitive mobile devices. Since I figured that out it has bothered me whenever I’ve had a moment to be bothered.<\/p>\n

\"MobileThe problem is that my spiffy dropdown menus scroll down when you pass your mouse over them. This is a really neat thing, for desktops and laptops, while it’s a disaster on those devices that don’t understand the concept of a hovering pointer. Which is every touch device, I’m afraid.<\/p>

The sorry truth is that I’m sure the main navigation at Retropolis just hasn’t worked for folks who came there with their iPad, their Android or Blackberry smartphone, or one of the countless numbers of other mobile devices.<\/p>\n

I may<\/em> have fixed that today; I can’t be certain (because I’ve got no actual mobile devices to test with*) but it seems sound.<\/p>\n

I adopted the logic from a clever Python script.<\/a> The deal is, you don’t want to have to selectively identify every mobile device in the universe<\/em>. There are too many; there are more every day; and any bit of Javascript that tries to keep up to date will be as big as a phone book before you know it.<\/p>\n

On the other hand, there are very few desktop operating systems<\/em>. If you check for each of those, almost anything that’s left is a phone or tablet. There are some exceptions – the iPhone and iPad actually include the word "Mac OS" in their user agent strings (curse you, iDevices!) so you need to do a little additional screening to weed that out, as shown in the post above. But on the whole the logic works, so I made up my own little version in Javascript.<\/p>\n

At the moment those menus should<\/em> behave properly whether you’re on a desktop\/laptop, or on a mobile device. But like I said I can’t do a lot of testing since at the moment I’m limited to Windows, plus a little user agent spoofing.<\/p>\n

\"The<\/a>So if you’re using an iPad or an Android tablet, some other tablet, or a smartphone (or even an unusual operating system) you could test that for me by visiting Retropolis<\/a> and trying to use the dropdown menu below the header on each page.<\/p>\n

If you’re using a desktop computer the menus should drop down when you pass your mouse over them. If you’re using a mobile device, you should be able to bring the menu down by clicking on it. That’s all there is to it (I hope!)<\/p>\n

You can enter your results in the comments here if you like; I’d like to know what device you used, what browser you used, and how the menus behaved.<\/p>\n

What I hate in Safari – when I’m pretending to be an iPad – is that the menus pop down lower than on a desktop. But that’s a lot better than having them fail entirely, isn’t it?<\/p>\n

*although I do have a fantastic 1947 Stromberg-Carlson telephone; so, you know, eat your heart out.<\/em><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

A couple of years ago, when I put together my Retropolis web site, I had no idea that there would be a problem there for users who were using touch sensitive mobile devices. Since I figured that out it has bothered me whenever I’ve had a moment to be bothered. The problem is that my […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14,15],"tags":[],"class_list":["post-1399","post","type-post","status-publish","format-standard","hentry","category-web-development","category-works-in-progress"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.webomator.com\/wordpress\/wp-json\/wp\/v2\/posts\/1399","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webomator.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webomator.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webomator.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webomator.com\/wordpress\/wp-json\/wp\/v2\/comments?post=1399"}],"version-history":[{"count":0,"href":"https:\/\/www.webomator.com\/wordpress\/wp-json\/wp\/v2\/posts\/1399\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.webomator.com\/wordpress\/wp-json\/wp\/v2\/media?parent=1399"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webomator.com\/wordpress\/wp-json\/wp\/v2\/categories?post=1399"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webomator.com\/wordpress\/wp-json\/wp\/v2\/tags?post=1399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}