Re: [WSG] Touch screens
Just in case anyone is interested, I ditched the spry menu and found that the simple 'son of suckerfish' menu works fine on the iPad. Bob - Original Message - From: tee To: wsg@webstandardsgroup.org Sent: Tuesday, November 16, 2010 9:58 PM Subject: Re: [WSG] Touch screens On Nov 16, 2010, at 1:49 AM, designer wrote: Thanks to all for your observations/comments etc. Tee, thanks for your offer : the site is at www.rspcacornwall.org.uk and the menu runs through the whole site. I am afraid you might have to ditch the Spry menu. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Touch screens
On Nov 16, 2010, at 1:49 AM, designer wrote:
> Thanks to all for your observations/comments etc.
>
> Tee, thanks for your offer : the site is at www.rspcacornwall.org.uk and the
> menu runs through the whole site.
I am afraid you might have to ditch the Spry menu.
I tested it in iPod , iPhone, iPad and Andriod, except the iPod (for Safari and
Opera Mini), the other three are simulators and they all resulted the same
behavior, but it's more serious in all Safari. Strangely in Opera Mini the
problem doesn't exist, and my guess is because this browser seems to reload the
page when a link menu is 'touched'.
In Andriod and Safari, I think I see what the problem is, the first time when a
menu link is touched (or clicked if Simulator is used), it doesn't work, and
you need to switch to another menu in order to "activate" the menu script.
I am not familiar with Spry menu, but something I would look into before
deciding to ditch the menu.
You call this:
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
{imgDown:"../SpryAssets/SpryMenuBarDownHover.gif",
imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
But it appears to me you are using html entity for down arrow, yet there isn't
one for "Adopting a Pet". I tried to located the two arrow icons but the site
shows me 404 page.
Could it be that the browser was looking for the "MenuBarDownHover.gif" when
you touch on one of the menu links the first time, and it couldn't found it
kinds of stuck there until you move to the next menu link?
tee
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
Re: [WSG] Touch screens
Sent from my HTC - Reply message - From: "Al Sparber" To: Subject: [WSG] Touch screens Date: Tue, Nov 16, 2010 2:07 pm On 11/15/2010 9:52 PM, Michael MD wrote: > Does anyone know of any good emulation software for testing for those of us > who don't yet own a touch screen device? > (perhaps making use of a laptop touchpad?) Emulation software is never going to be 100% reliable for testing. An iPod Touch will give you the same interface for web browsing as an iPhone or iPad, while being less expensive than either and not requiring a phone account. It will connect to any WiFi network. -- Al Sparber - PVII http://www.projectseven.com Dreamweaver Menus | Galleries | Widgets http://www.projectseven.com/go/hgm The Ultimate Web 2.0 Carousel *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Touch screens
Thanks to all for your observations/comments etc. Tee, thanks for your offer : the site is at www.rspcacornwall.org.uk and the menu runs through the whole site. - Original Message - From: tee To: wsg@webstandardsgroup.org Sent: Tuesday, November 16, 2010 8:06 AM Subject: Re: [WSG] Touch screens [snip] I am happy to help take a look of the site from my iPod if you want. tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Touch screens
On 16/11/2010 09:07, Michael MD wrote: I don't see how either if these would actually simulate touch screen behaviour without a way to emulate the actual touch screen. your mouse emulates your finger. there's no hover, you click the mouse to press your finger on the screen, you keep the mouse button pressed and move the mouse to emulate moving the finger across the screen. Multiple mice? This makes me think you want to emulate multitouch/gestures, which I don't think is all that relevant in the case of, say, menus and such on pages (but yes, if you want to specifically try doing stuff with new touch events on supported devices, you may have to actually get such a device as far as I know) P -- Patrick H. Lauke __ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com | http://flickr.com/photos/redux/ __ twitter: @patrick_h_lauke | skype: patrick_h_lauke __ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Touch screens
> Emulation software is never going to be 100% reliable for testing. An Sure, eventually I will get one (when such devices are cheap enough to buy one outright without plans/debt/worry/etc) ...but until then I need *something* to use for testing. (work doesn't yet understand that this is needed - so nothing I can use there yet) >iPod Touch will give you the same interface for web browsing as an >iPhone or iPad, while being less expensive than either and not requiring >a phone account. It will connect to any WiFi network. Aren't those still $500 or so? (if so it would have to wait) > You can download Apple SDK which has iPad and iPhone simulators, it should be a good way to test whether the spry menu really has issue. So far I > haven't found any inconsistence >between the actual device and the simulators, however nothing can be more accurate than testing the site from an > actual device. Apple SDK only works on an intel Mac running a pretty recent version of OSX There is also an Android simulator which is free and will run on windows or linux but I found that one frustratingly slow to use. I don't see how either if these would actually simulate touch screen behaviour without a way to emulate the actual touch screen. I think I need to look at what might be out there perhaps using: Laptop Touchpad? Multiple mice? Webcam? Wiimote? Home made touch screen? ...anything ... there must be a way... However if the iPod Touch turns out to be under $150 or so I might just consider getting one of those. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Touch screens
On Nov 15, 2010, at 11:10 AM, designer wrote: > of mine that used a spry dropdown menu. It worked sometimes and not others. > Is that the norm? - You can download Apple SDK which has iPad and iPhone simulators, it should be a good way to test whether the spry menu really has issue. So far I haven't found any inconsistence between the actual device and the simulators, however nothing can be more accurate than testing the site from an actual device. It works sometimes and not others may simply means that you are not accustom to the touch screen yet, I know this had happened to me when I first got my iPod, and still not quite used to the iPad (I don't have one yet) whenever I get a chance to play with it when I meet with friends/clients who have the device - I consider myself a careful and caring user but my friends/clients love their iToy too much so I am very careful when they allow me to play with it; you know what it's like when you are too careful and fear that yo might break someone's toy! I am happy to help take a look of the site from my iPod if you want. tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Touch screens
On 11/15/2010 9:52 PM, Michael MD wrote: Does anyone know of any good emulation software for testing for those of us who don't yet own a touch screen device? (perhaps making use of a laptop touchpad?) Emulation software is never going to be 100% reliable for testing. An iPod Touch will give you the same interface for web browsing as an iPhone or iPad, while being less expensive than either and not requiring a phone account. It will connect to any WiFi network. -- Al Sparber - PVII http://www.projectseven.com Dreamweaver Menus | Galleries | Widgets http://www.projectseven.com/go/hgm The Ultimate Web 2.0 Carousel *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Touch screens
>Do any of you guys have experience with touch screen designing? >I looked at an iPAD today, with a view to buying, and I was horrified when I looked at a site of mine that used a spry dropdown menu. Does anyone know of any good emulation software for testing for those of us who don't yet own a touch screen device? (perhaps making use of a laptop touchpad?) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Touch screens
On 15 Nov 2010, at 19:10, designer wrote: > Do any of you guys have experience with touch screen designing? > > I looked at an iPAD today, with a view to buying, and I was horrified when I > looked at a site of mine that used a spry dropdown menu. Never heard of it. I'm going to assume it depends on hover events (rather that click events) > It worked sometimes and not others. Is that the norm? - do I have to > redesign? If so, what's the best way? Touch screens and hover effects don't mix well. The iPad tries to guess which hover effects are important and move them to touch events, but it is imperfect. AFAIK, explicitly duplicating the hover events in touch events will give you decent control. That said, using hovers isn't a good idea for triggering menus in the first place. http://www.cennydd.co.uk/2010/end-hover-abuse-now/ sums up the problems quite nicely. -- David Dorward http://dorward.me.uk *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Touch screens
On 11/15/2010 2:10 PM, designer wrote: Do any of you guys have experience with touch screen designing? I looked at an iPAD today, with a view to buying, and I was horrified when I looked at a site of mine that used a spry dropdown menu. It worked sometimes and not others. Is that the norm? - do I have to redesign? If so, what's the best way? You know the sort of thing I want to hear. I believe the latest version of spry has incorporated some of the techniques we pioneered (for Dreamweaver menu system plugins). I'm not sure though. If you want to get a feel for what it takes to make a drop-down menu work in touch devices, this tutorial might be helpful: http://www.projectseven.com/products/menusystems/pmm2/ug-examples/accessible/index.htm -- Al Sparber - PVII http://www.projectseven.com Dreamweaver Menus | Galleries | Widgets http://www.projectseven.com/go/hgm The Ultimate Web 2.0 Carousel *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Touch screens
Do any of you guys have experience with touch screen designing? I looked at an iPAD today, with a view to buying, and I was horrified when I looked at a site of mine that used a spry dropdown menu. It worked sometimes and not others. Is that the norm? - do I have to redesign? If so, what's the best way? You know the sort of thing I want to hear. Thanks, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
