The Futureof HTML and CSS   CVO Experience Day 2013     Intracto Digital Agency                 Jan Persoons              ...
wie zijn wij?interactieve inhoud op het web              bpost: mystamp                toekomstvisie
Jan         Tom@janpersoons   @tomvm Front-end      Online developer     strateeg
100% digitaal38 voltijdse teamleden250 klanten geserviced in 2012
optimaliserenstatistiekenvettige vrijdag
4 projectteamsspecialisatiesupport en marketing
open sourcephp, html, css, …        maatwerk op basis van standaarden
Lorem ipsum dolor sit amet, consecteturadipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ve...
interactieve inhoud     geschiedenis
http://evolutionofweb.appspot.com/
nood aan rich content  video   animatie games UX/UI
FutureSplash       Macromedia          Adobeinteractieve inhoud        flash
evolutie
Lorem ipsum dolor sit amet, consecteturadipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ve...
je eigen foto opinteractieve inhoud     een postzegel
v1 en 2 2002 – 2011   flash
logische keuze voor Flash                >90% marktaandeel                performance                cross-browser
2007: introductie iPhone
explosieve groei devices
rebranding bpostvernieuwing in 2011mystamp op tabletshaalbaarheid?
Lorem ipsum dolor sit amet, consecteturadipiscing elit.                                                 vs.Lorem ipsum dol...
Lorem ipsum dolor sit amet, consecteturadipiscing elit.                                                 vs.Lorem ipsum dol...
draft status
<input type=“file”>niet ondersteund in iOS5 en lager
Lorem ipsum dolor sit amet, consecteturadipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ve...
v32011flash
v3   2012   HTML5
Lorem ipsum dolor sit amet, consecteturadipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ve...
Lorem ipsum dolor sit amet, consectetur adipiscing elit.afbeeldingen van verschillende bronnenLorem ipsum dolor sit amet, ...
interactieve inhoud    in de toekomst
Lorem ipsum dolor sit amet, consecteturadipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ve...
Lorem ipsum dolor sit amet, consecteturadipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ve...
canvas support
canvas support
8,9oude browser-  versies
Lorem ipsum dolor sit amet, consecteturadipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ve...
einde 2014: meer mobiel dan vast
mobile first vs. desktop first
druk op browserinnovatie is hoogrespect voor standaarden verbetert
kennis opbouwen amet, consecteturLorem ipsum dolor sitadipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing e...
magdaendanny.be
TA’OR drawerize
bedankt! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit....
The Future of HTML and CSS
The Future of HTML and CSS
The Future of HTML and CSS
The Future of HTML and CSS
The Future of HTML and CSS
The Future of HTML and CSS
The Future of HTML and CSS
The Future of HTML and CSS
Upcoming SlideShare
Loading in …5
×

The Future of HTML and CSS

577 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
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
577
On SlideShare
0
From Embeds
0
Number of Embeds
108
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

×