Re: [css-d] styles for hover effects and touch

2016-01-09 Thread Mike Manley
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,

Re: [css-d] styles for hover effects and touch

2016-01-09 Thread Isabel Santos
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

Re: [css-d] styles for hover effects and touch

2016-01-09 Thread Karl DeSaulniers
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

Re: [css-d] styles for hover effects and touch

2016-01-09 Thread Georg
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]

Re: [css-d] styles for hover effects and touch

2016-01-09 Thread Karl DeSaulniers
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

Re: [css-d] styles for hover effects and touch

2016-01-09 Thread D'Arcy J.M. Cain
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

Re: [css-d] styles for hover effects and touch

2016-01-09 Thread Sam Brown
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

Re: [css-d] styles for hover effects and touch

2016-01-09 Thread Karl DeSaulniers
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

Re: [css-d] styles for hover effects and touch

2016-01-09 Thread Karl DeSaulniers
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

Re: [css-d] styles for hover effects and touch

2016-01-09 Thread Philippe Wittenbergh
> 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