Tom Livingston wrote:
List,
How do you handle hover events on touch devices?
Currently I don't. Until you brought this to my attention, I hadn't
considered how problematic the :hover property could be on touch screen
devices.
For example, a button whose bg color changes on hover. On iOS,
Tom,
you cannot associate tap with small screen that way:
Not only do there are more and more devices with wide tappable screens,
but screens can have very different pixel dephts,
so two screens with the same pixel dimensions can have dramatically
different sizes.
Most browsers will interpret
You don't.
You can but that is a little silly IMO.
Hover is a mouse event meant for interaction with a mouse.
Until the screen can detect your finger hovering over it, there is no need to
set hover for mobile.
I know this statement may come with a backlash from some evangelicals, however
think
How to further complicate matters...
http://caniuse.com/#feat=css-media-interaction
...once UAs and OSes are up to the tasks.
regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
On Jan 9, 2016, at 9:12 PM, Karl DeSaulniers wrote:
> You don't.
>
> You can but that is a little silly IMO.
> Hover is a mouse event meant for interaction with a mouse.
> Until the screen can detect your finger hovering over it, there is no need to
> set hover for
On Sat, 9 Jan 2016 21:12:02 -0600
Karl DeSaulniers wrote:
> backlash from some evangelicals, however think about it. Do you put
> wings on a car just because you can? Just for looks?
Well, cars can't swim but we put fins on them in the fifties.
--
D'Arcy J.M. Cain
Vybe
Saturday, January 9, 2016, 10:45:22 PM, Tom wrote:
TL> My point wasn't to mimic hover on mobile. I was asking how to set up hover
TL> for desktop but avoid having them fire on some mobile devices needlessly.
TL> Putting hover styles a a wide desktop breakpoint isn't foolproof but seems
TL> the
Hey Tom,
I would take any styling off of the hover states of your links so they are
blank on hover
and then create a class from that hover state you previously had
and with a jQuery helper function, add and remove the class if it is mobile.
I wrote up a quick example that works, or it works on
FYI, If this doesn't work, you will know by the green background on the link.
It will show on click and stay if you hit the back button on mobile.
On desktop it should act as a normal hover should. LMK.
HTH,
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
On Jan 9, 2016, at
> On Jan 10, 2016, at 01:46, Isabel Santos wrote:
>
> Eventually, for newer browsers you could use the css feature query
> (@supports),
> for a deeper css control, but I'm not sure how.
You can’t use the @supports feature query in this case! It detects whether a
browser
10 matches
Mail list logo