Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

The Future of HTML and CSS

643 views

Published on

Intracto gaf op 23 maart 2013 een presentatie op de CVO Experience Day in Antwerpen over de toekomst van HTML, CSS en Javascript.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

The Future of HTML and CSS

  1. 1. The Futureof HTML and CSS CVO Experience Day 2013 Intracto Digital Agency Jan Persoons Tom Van Mierlo
  2. 2. wie zijn wij?interactieve inhoud op het web bpost: mystamp toekomstvisie
  3. 3. Jan Tom@janpersoons @tomvm Front-end Online developer strateeg
  4. 4. 100% digitaal38 voltijdse teamleden250 klanten geserviced in 2012
  5. 5. optimaliserenstatistiekenvettige vrijdag
  6. 6. 4 projectteamsspecialisatiesupport en marketing
  7. 7. open sourcephp, html, css, … maatwerk op basis van standaarden
  8. 8. Lorem ipsum dolor sit amet, consecteturadipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vestibulum, wie zijn wij?libero quis vulputate ultricies, odio nibh pellentesque nunc, id dictum lacusmassa eget erat.interactieve inhoud op het web bpost: mystamp toekomstvisie Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vestibulum, libero quis vulputate ultricies, odio nibh pellentesque nunc, id dictum lacus massa eget erat.
  9. 9. interactieve inhoud geschiedenis
  10. 10. http://evolutionofweb.appspot.com/
  11. 11. nood aan rich content video animatie games UX/UI
  12. 12. FutureSplash Macromedia Adobeinteractieve inhoud flash
  13. 13. evolutie
  14. 14. Lorem ipsum dolor sit amet, consecteturadipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vestibulum, wie zijn wij?libero quis vulputate ultricies, odio nibh pellentesque nunc, id dictum lacusmassa eget erat.interactieve inhoud op het web bpost: mystamp toekomstvisie Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vestibulum, libero quis vulputate ultricies, odio nibh pellentesque nunc, id dictum lacus massa eget erat.
  15. 15. je eigen foto opinteractieve inhoud een postzegel
  16. 16. v1 en 2 2002 – 2011 flash
  17. 17. logische keuze voor Flash >90% marktaandeel performance cross-browser
  18. 18. 2007: introductie iPhone
  19. 19. explosieve groei devices
  20. 20. rebranding bpostvernieuwing in 2011mystamp op tabletshaalbaarheid?
  21. 21. Lorem ipsum dolor sit amet, consecteturadipiscing elit. vs.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vestibulum,libero quis vulputate ultricies, odio nibh pellentesque nunc, id dictum lacusmassa eget erat. performance 1 versie UX/UI onderhoudsvriendelijk veel versies ondersteuning Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vestibulum, libero quis vulputate ultricies, odio nibh pellentesque goedkeuringsproces experimenteel nunc, id dictum lacus massa eget erat.
  22. 22. Lorem ipsum dolor sit amet, consecteturadipiscing elit. vs.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vestibulum,libero quis vulputate ultricies, odio nibh pellentesque nunc, id dictum lacusmassa eget erat. performance 1 versie UX/UI onderhoudsvriendelijk veel versies ondersteuning Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vestibulum, libero quis vulputate ultricies, odio nibh pellentesque goedkeuringsproces experimenteel nunc, id dictum lacus massa eget erat.
  23. 23. draft status
  24. 24. <input type=“file”>niet ondersteund in iOS5 en lager
  25. 25. Lorem ipsum dolor sit amet, consecteturadipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vestibulum,libero quis vulputate ultricies, odio nibh pellentesque nunc, id dictum lacusmassa eget erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vestibulum, libero quis vulputate ultricies, odio nibh pellentesque nunc, id dictum lacus massa eget erat.
  26. 26. v32011flash
  27. 27. v3 2012 HTML5
  28. 28. Lorem ipsum dolor sit amet, consecteturadipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vestibulum,libero quis vulputate ultricies, odio nibh pellentesque nunc, id dictum lacusmassa eget erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vestibulum, libero quis vulputate ultricies, odio nibh pellentesque nunc, id dictum lacus massa eget erat.
  29. 29. Lorem ipsum dolor sit amet, consectetur adipiscing elit.afbeeldingen van verschillende bronnenLorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vestibulum, libero quis vulputate ultricies, odio nibh pellentesque nunc, id dictum lacus massa eget erat. base64 verscheidenheid in API’sgrote afbeeldingen: performance Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vestibulum, libero quis vulputate ultricies, odio nibh pellentesque nunc, id dictum lacus massa eget erat.
  30. 30. interactieve inhoud in de toekomst
  31. 31. Lorem ipsum dolor sit amet, consecteturadipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vestibulum,libero quis vulputate ultricies, odio nibh pellentesque nunc, id dictum lacusmassa eget erat. one version to rule them all? Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vestibulum, libero quis vulputate ultricies, odio nibh pellentesque nunc, id dictum lacus massa eget erat.
  32. 32. Lorem ipsum dolor sit amet, consecteturadipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vestibulum,libero quis vulputate ultricies, odio nibh pellentesque nunc, id dictum lacusmassa eget erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vestibulum, libero quis vulputate ultricies, odio nibh pellentesque nunc, id dictum lacus massa eget erat.
  33. 33. canvas support
  34. 34. canvas support
  35. 35. 8,9oude browser- versies
  36. 36. Lorem ipsum dolor sit amet, consecteturadipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vestibulum,libero quis vulputate ultricies, odio nibh pellentesque nunc, id dictum lacusmassa eget erat. wanneer dan wel? Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vestibulum, libero quis vulputate ultricies, odio nibh pellentesque nunc, id dictum lacus massa eget erat.
  37. 37. einde 2014: meer mobiel dan vast
  38. 38. mobile first vs. desktop first
  39. 39. druk op browserinnovatie is hoogrespect voor standaarden verbetert
  40. 40. kennis opbouwen amet, consecteturLorem ipsum dolor sitadipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vestibulum,libero quis vulputate ultricies, odio nibh pellentesque nunc, id dictum lacusmassa eget erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vestibulum, libero quis vulputate ultricies, odio nibh pellentesque nunc, id dictum lacus massa eget erat.
  41. 41. magdaendanny.be
  42. 42. TA’OR drawerize
  43. 43. bedankt! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vestibulum, libero quis vulputate ultricies, odio nibh pellentesque nunc, id dictum lacus massa eget erat. Lorem ipsum dolor sit amet, consectetur @janpersoons adipiscing elit. Quisque vestibulum, libero quis vulputate ultricies, odio nibh pellentesque @tomvm nunc, id dictum lacus massa eget erat.www.intracto.com @intracto

×