Re: [WSG] Touch screens

2010-11-24 Thread designer
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

2010-11-16 Thread tee
 
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

2010-11-16 Thread waynesanday


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

2010-11-16 Thread designer
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

2010-11-16 Thread Patrick H. Lauke

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

2010-11-16 Thread Michael MD
> 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

2010-11-16 Thread tee
 
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

2010-11-15 Thread Al Sparber

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

2010-11-15 Thread Michael MD
>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

2010-11-15 Thread David Dorward
 
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

2010-11-15 Thread Al Sparber

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

2010-11-15 Thread designer
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
***