For a Future-Friendly Web

Talk given at Designers+ workshop

Transcript

1. For a Future-Friendly Web
2. 88 choses sur HTML5
4. Chaque Mercredi !
5. WEB NATIVE vs
6. WEB NATIVE vs native device
7. WEB NATIVE & native device
8. WEB native
9. ~ ~ * * * * * * ~ * * ~ * * ~ * * ~ ) ( ) * * ~ ) (_) ( (_) ) (_) ( * * (_) # ) (_) ) # ( (_) ( # (_) * _#.-#(_)-#-(_)#(_)-#-(_)#-.#_ * .' # # # # # # # # # # # `. ~ * : # # # # # # # # : ~ :. # # # # .: * * | `-.__ __.-' | * | `````"""""""""""````` | * * | | ||\ |~)|~)\ / | | |~||~\|~ |~ | | ~ ~ * | | * | |~)||~)~|~| ||~\|\ \ / | * * _.-| |~)||~\ | |~|| /|~\ | |-._ .' '. ~ ~ .' `. * : `-.__ __.-' : `. `````"""""""""""````` .' `-.._ _..-' `````""""-----------""""````` Le web a 20 ans !
10. Question Quelles sont les 3 principales technologies du web ? ? ? ?
11. Question Quelles sont les 3 principales technologies du web ? ? ? HTML
12. Question Quelles sont les 3 principales technologies du web ? ? ? HTML HTTP
13. Question Quelles sont les 3 principales technologies du web ? ? ? HTML HTTP URI’s
14. The primary design principle underlying the Web’s usefulness and growth is universality… it should be accessible from any kind of hardware that can connect to the Internet: stationary or mobile, small screen or large.Loosely “ Tim Berners-Lee Long Live the Web: A Call for Continued Open Standards and Neutrality
15. Want to know if your ‘HTML application’ is part of the web? Link me into it. Not just link me to it; link me into it. Not just to the black-box front page. Link me to a piece of content… That is the web: The beautiful interconnection of navigable content. “ Ben Ward Understand the web
17. Responsive !
18. HTML CSS JS
19. HTML Contenu
20. http://www.flickr.com/photos/brad_frost/7387827018/in/set-72157630163121422
25. CONTENU
26. in order to embrace designing native layouts for the web – whatever the device – we need to shed the notion that we create layouts from a canvas in. We need to flip it on its head, and create layouts from the content out. “ Mark Boulton A Richer Canvas
27. “CONTENT FIRST”
29. https://speakerdeck.com/brad_frost/for-a-future-friendly-web
30. CSS Présentation
31. RESPONSIVE DESIGN
33. CONTEXTE
35. JAVASCRIPT Comportement
36. Hey Je pensais qu’on allait parler design ! Remboursez !
37. développeurs = designers
38. UX designer Interaction designer Front-end developer Toute l’équipe
39. UX designer Interaction designer Front-end developer Toute l’équipe
40. As a T-shaped designer one should have experience across the multiple disciplines with a focus or preference for one or two. Being T-shaped means you can shift yourself and provide value at just about any stage or type of project – like sketching, wire-framing, visual design, and code. “ Mark Otto Flatten those T’s
41. THANKS
42. Mehdi Lahmam B. @mehlah Craftsmen