Hover is dead, wake up! - Faenza CSSDAY 2015

Post on 28-Jul-2015

208 views 1 download

Transcript of Hover is dead, wake up! - Faenza CSSDAY 2015

HOVER IS DEAD

27 March 2015 - @j8matteo – CSSDAY - Faenza

27 March 2015 - @j8matteo – CSSDAY - Faenza

HOVER ME

Rollover to read the Bio

27 March 2015 - @j8matteo – CSSDAY - Faenza

HOVER ME

Matteo Guidotto – Twitter: @j8matteo PM, UX & Frontend Developer, Agile Lover

matteoguidotto.com Co-founder of FEVR – frontendersverona – fevr.it

Co-organizer TEDxVerona

27 March 2015 - @j8matteo – CSSDAY - Faenza

THE 90’s and WOW EFFECT

27 March 2015 - @j8matteo – CSSDAY - Faenza

THE 90’s and WOW EFFECT

27 March 2015 - @j8matteo – CSSDAY - Faenza

THE 90’s and WOW EFFECT

27 March 2015 - @j8matteo – CSSDAY - Faenza

IOS AND FLASH

27 March 2015 - @j8matteo – CSSDAY - Faenza

“A third of all smartphone users in the U.K. —or 11 million adults—

check their phone within five minutes of waking. ”

Source: WSJ via @annadahlstrom

today

27 March 2015 - @j8matteo – CSSDAY - Faenza

The fall of flash

27 March 2015 - @j8matteo – CSSDAY - Faenza

HTML/CSS/JS took OWNERSHIP OF WOW EFFECT

27 March 2015 - @j8matteo – CSSDAY - Faenza

TONS OF Library

27 March 2015 - @j8matteo – CSSDAY - Faenza

css animation

27 March 2015 - @j8matteo – CSSDAY - Faenza

css animation

On hover

27 March 2015 - @j8matteo – CSSDAY - Faenza

27 March 2015 - @j8matteo – CSSDAY - Faenza

Use or abuse?

PHIL  HAWKSWORTH  JSDAY  2013    

EXCESSIVE  ENHANCEMENT  AND  

RESPONSIBLE  WEB  DESIGN  Excessive Enhancement Responsible Web Design

@philhawksworth - jsday2013

27 March 2015 - @j8matteo – CSSDAY - Faenza

ARE WE RESPONSible?

27 March 2015 - @j8matteo – CSSDAY - Faenza

ARE WE RESPONSible?

PROBABLY NOT

27 March 2015 - @j8matteo – CSSDAY - Faenza

How can we be RESPONSible?

27 March 2015 - @j8matteo – CSSDAY - Faenza

Keep calm with your wow effect

27 March 2015 - @j8matteo – CSSDAY - Faenza

DEVice center development

27 March 2015 - @j8matteo – CSSDAY - Faenza

ADD HOVER (animation) EFFECT LATELY

27 March 2015 - @j8matteo – CSSDAY - Faenza

USE CONTEXTUAL EFFECT

27 March 2015 - @j8matteo – CSSDAY - Faenza

Provides touch equivalent for hover. DON'T RELY ON HOVER AS THE ONLY WAY TO PERFORM AN ACTION.

https://msdn.microsoft.com/en-us/library/windows/desktop/dn742468(v=vs.85).aspx

27 March 2015 - @j8matteo – CSSDAY - Faenza

WILL BE A TAP IN MOBILE

Open submenu

http://www.starbucks.com/

27 March 2015 - @j8matteo – CSSDAY - Faenza

magnify

http://arasbm.com/return-of-hover-and-the-web/

DURING THE PRESS

27 March 2015 - @j8matteo – CSSDAY - Faenza

Preview content

http://arasbm.com/return-of-hover-and-the-web/

27 March 2015 - @j8matteo – CSSDAY - Faenza

You can win PRIZE AND get GLORY

27 March 2015 - @j8matteo – CSSDAY - Faenza

You can win PRIZE AND get GLORY

BUT WEB DEVELOPEMENT IS NOT MISS ITALIA OR BIG BROTHER

27 March 2015 - @j8matteo – CSSDAY - Faenza

WEBSITE IS A PRODUCT

HAS BUSINESS OBJECTIVES MUST HAVE BEST EXPERIENCE

27 March 2015 - @j8matteo – CSSDAY - Faenza

DO YOU REALLY WANT SPEND 10 DAYS DOING HOVER?

27 March 2015 - @j8matteo – CSSDAY - Faenza

THANKS!