For a Future-Friendly Web

For a Future-Friendly Web

Talk given at Designers+ workshop

C74bdcd3fa7c3d3f23290f46430b1463?s=128

Mehdi Lahmam B.

June 06, 2013
Tweet

Transcript

  1. For a Future-Friendly Web

  2. 88 choses sur HTML5

  3. None
  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
  16. None
  17. Responsive !

  18. HTML CSS JS

  19. HTML Contenu

  20. http://www.flickr.com/photos/brad_frost/7387827018/in/set-72157630163121422

  21. None
  22. None
  23. None
  24. None
  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”

  28. None
  29. https://speakerdeck.com/brad_frost/for-a-future-friendly-web

  30. CSS Présentation

  31. RESPONSIVE DESIGN

  32. None
  33. CONTEXTE

  34. None
  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