Perfect for a menu of food or medicine
Go nuts with CSS3 hover effects
31–40 of 70 posts
Re: Go nuts with CSS3 hover effects
#32Why is everyone shitting on this in the comments? It's a demo: you can't complain that it's hindering usability or enjoyment of the pictures when there is no context in which you might use it or enjoy the pictures. When I saw this I thought it might be nice for the website of a magazine like vogue or something: some sites are about decoration and style, usability can be at the back of the priorities. Just because it…
> Some sites are about decoration and style, usability can be at the back of the priorities. I'm pretty sure this is exactly the problem people had with flash-heavy sites in the first place.
If your site is for instance, much like the demo case suggests here, presenting fashion items, then decoration and style is part of the content.
Re: Go nuts with CSS3 hover effects
#33Earlier quoted context omitted.
I'd actually agree with you. On LedgerSMB we made the decision to drop support for IE due to a lack of BUTTON support. Then IE7 came out which was still too broken and we didn't support IE. Then IE8 came out and supported buttons so we could support them again. The tradeoff was simple: marginally greater market share at the time vs the fact that if we supported IE we would not be able to use BUTTONs to separate label…
> drop support for IE due to a lack of BUTTON support We must be thinking about different BUTTON there. IIRC IE supports button since version 4.
You are both correct. IE always had a element, however it only started working like other browsers on IE8. Before that it behaved like an ; you had to add "type=submit" to get it to actually submit the form.
Re: Go nuts with CSS3 hover effects
#34The end of the Flash banner ad era is in sight. The sentiment is that this is simply replacing one evil with another but I think it will accelerate the migration from Flash so overall this is probably a good thing.
Re: Go nuts with CSS3 hover effects
#35Earlier quoted context omitted.
> ...but there's no logical equivalent [to hover] on a touchscreen. There isn't now, but there well could be. Suppose for a moment that you get a good old cursor on iPhone and it follows your fingertip as you move it around the screen. It wouldn't even have to be user-visible. To click, you press a bit stronger, or you raise & lower your finger (`tap' if you will). The hover's back. There's nothing inherent in touch-…
It's funny that we get this kind of response after that rant about the future of UI earlier this week If we think about the future of touch and gesture interfaces, I absolutely think we'll see a hover state be implemented, but it won't be connected to a mouse cursor. That's moving backwards. There will likely come a point where a touch or gesture interface will be able to tell if your hand or finger is quite literall…
> There will likely come a point where a touch or gesture interface will be able to tell if your hand or finger is quite literally -hovering- over a touch-enabled element, and will be able to give you context.
A Synaptics touchpad can do that, no problem. Used for, at very least, the `palm detect' functionality. Catches a single finger at a few milimeters' distance, configurable to the boot.
But I believe pushing that is a prime example of backwardnes -- a metaphor taken literally overriding ergonomics concerns. It taxes your muscles more to hover your hand in air with no support, than to slide it on screen. Perhaps that doesn't concern a person nearing top physical fitness, but that's a limited segment of market. Also, keeping fingers away precludes tactile feedback of reaching edge of active area, or some sort of active tactile feedback: http://www.macrumors.com/2009/12/24/apples-research-on-tacti...
The fingertip is the new cursor ;-)
Re: Go nuts with CSS3 hover effects
#36Usability vs cool UI is always a tough one. The ones who can do both at the same time are geniuses. That's why Apple is always on top.
fanboyism?
Re: Go nuts with CSS3 hover effects
#37Earlier quoted context omitted.
> ...but there's no logical equivalent [to hover] on a touchscreen. There isn't now, but there well could be. Suppose for a moment that you get a good old cursor on iPhone and it follows your fingertip as you move it around the screen. It wouldn't even have to be user-visible. To click, you press a bit stronger, or you raise & lower your finger (`tap' if you will). The hover's back. There's nothing inherent in touch-…
> There isn't now, but there well could be. Or not. On touch touchscreen it feels natural to just touch the part of the screen you want to interact with. I hate the word, but it's intuitive. It doesn't feel like something you need to learn and become familiar with. My daughter understood how to use my iPad when she was less that one year old. She just touched the screen and something happened, she was happy. Even my…
That's some very narrow thinking backed only by your anecdotal evidence.
Twenty years ago, I'm sure people would have been skeptical if you told them that someday, they would be able to wirelessly interact with a mass network of information via a touch-responsive, glassy device that fits in the palm of their hand.
Now where would be today if we'd listened to THOSE skeptics...
Re: Go nuts with CSS3 hover effects
#38Why is everyone comparing this to flash? Surely the problem with flash was one of accessibility and graceful degradation, rather than, say, having animated elements? There's nothing wrong with animations/transitions in the right context, right?
Re: Go nuts with CSS3 hover effects
#39Earlier quoted context omitted.
Style, decoration and usability are not mutually exclusive. As with many disciplines they can co-exist beautifully. Frank Lloyd Wright's buildings wouldn't look much chop if he hadn't taken style into consideration.
Agreed, but effects like this are not style, they are a cheap veneer applied to otherwise poorly thought out designs. Fashionable kitsch integrated into otherwise unoriginal, uninspired designs.
> Agreed, but effects like this are not style
No, it's a tech demo with artsy pictures. This is very obvious.
The site is also very bad as a computer game and a travel catalogue.
Re: Go nuts with CSS3 hover effects
#40While I agree with some of the comments about usability, I'm pretty impressed with how far CSS has come.