The document discusses the evolution of web design, emphasizing the decline of Flash and the rise of HTML/CSS/JS for creating engaging user experiences. It highlights the importance of responsible web design and the need to adapt hover effects for mobile users. The author questions if developers are truly responsible in their design practices and encourages a focus on creating effective and user-centered websites.

1. HOVER
IS DEAD
27 March 2015 - @j8matteo – CSSDAY - Faenza

2. 27 March 2015 - @j8matteo – CSSDAY - Faenza
HOVER ME
Rollover to read the Bio

3. 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

4. 27 March 2015 - @j8matteo – CSSDAY - Faenza
THE 90’s and WOW EFFECT

5. 27 March 2015 - @j8matteo – CSSDAY - Faenza
THE 90’s and WOW EFFECT

6. 27 March 2015 - @j8matteo – CSSDAY - Faenza
THE 90’s and WOW EFFECT

7. 27 March 2015 - @j8matteo – CSSDAY - Faenza
IOS AND FLASH

8. 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

9. 27 March 2015 - @j8matteo – CSSDAY - Faenza
The fall of flash

10. 27 March 2015 - @j8matteo – CSSDAY - Faenza
HTML/CSS/JS took OWNERSHIP
OF WOW EFFECT

11. 27 March 2015 - @j8matteo – CSSDAY - Faenza
TONS OF Library

12. 27 March 2015 - @j8matteo – CSSDAY - Faenza
css animation

13. 27 March 2015 - @j8matteo – CSSDAY - Faenza
css animation
On hover

14. 27 March 2015 - @j8matteo – CSSDAY - Faenza

15. 27 March 2015 - @j8matteo – CSSDAY - Faenza
Use or abuse?

16. PHIL
HAWKSWORTH
JSDAY
2013
EXCESSIVE
ENHANCEMENT
AND
RESPONSIBLE
WEB
DESIGN
Excessive Enhancement
Responsible Web Design
@philhawksworth - jsday2013

17. 27 March 2015 - @j8matteo – CSSDAY - Faenza
ARE WE RESPONSible?

18. 27 March 2015 - @j8matteo – CSSDAY - Faenza
ARE WE RESPONSible?
PROBABLY NOT

19. 27 March 2015 - @j8matteo – CSSDAY - Faenza
How can we be
RESPONSible?

20. 27 March 2015 - @j8matteo – CSSDAY - Faenza
Keep calm with
your wow effect

21. 27 March 2015 - @j8matteo – CSSDAY - Faenza
DEVice center
development

22. 27 March 2015 - @j8matteo – CSSDAY - Faenza
ADD HOVER (animation)
EFFECT LATELY

23. 27 March 2015 - @j8matteo – CSSDAY - Faenza
USE CONTEXTUAL EFFECT

24. 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

25. 27 March 2015 - @j8matteo – CSSDAY - Faenza
WILL BE A TAP IN MOBILE
Open submenu

26. 27 March 2015 - @j8matteo – CSSDAY - Faenza
magnifyDURING THE PRESS

27. 27 March 2015 - @j8matteo – CSSDAY - Faenza
Preview content

28. 27 March 2015 - @j8matteo – CSSDAY - Faenza
You can win PRIZE AND get GLORY

29. 27 March 2015 - @j8matteo – CSSDAY - Faenza
You can win PRIZE AND get GLORY
BUT WEB DEVELOPEMENT
IS NOT MISS ITALIA OR BIG BROTHER

30. 27 March 2015 - @j8matteo – CSSDAY - Faenza
WEBSITE IS A PRODUCT
HAS BUSINESS OBJECTIVES
MUST HAVE BEST EXPERIENCE

31. 27 March 2015 - @j8matteo – CSSDAY - Faenza
DO YOU REALLY WANT
SPEND 10 DAYS DOING HOVER?

32. 27 March 2015 - @j8matteo – CSSDAY - Faenza
THANKS!