Web & Mobile

Web & Mobile

This talk is about two important subjects and their intersection.

C5df370a883b65279af5a7ca94a5eed7?s=128

Jean Carlo Emer

November 19, 2016
Tweet

Transcript

  1. 4.
  2. 5.
  3. 11.
  4. 12.
  5. 13.
  6. 14.
  7. 15.

    Instant Articles are a new way for any publisher to

    create fast, interactive articles on Facebook.
  8. 16.
  9. 17.
  10. 18.

    The average load time was between 
 0 and 300

    ms, compared with 
 3.66 seconds for similar web articles.
  11. 19.
  12. 20.

    The biggest mistake we’ve made as a company is betting

    on HTML5 over native. @Zuckerberg, 2012
  13. 21.

    The key to Instant Articles' functionality is the strictly formatted

    HTML5 which is optimized for faster loading.
  14. 23.
  15. 24.

    37% + reach 22% + shares 83% + Likes 57%

    + link clicks. https://blog.hootsuite.com/started-using-facebook- instant-articles/
  16. 25.

    As with any publishing platform, the value of Instant Articles

    greatly depends on your business model 
 and goals. https://blog.bufferapp.com/facebook-instant-articles
  17. 27.
  18. 28.
  19. 29.
  20. 30.
  21. 31.
  22. 34.
  23. 36.
  24. 39.
  25. 40.
  26. 41.

    No-one is going to install an app for each service,

    your mobile Web experience has to be good.
  27. 42.
  28. 43.

    Deepest engagement for the longest period of time happens in

    Apps, so Apps matter. http://venturebeat.com/2015/09/25/wait-what-mobile-browser- traffic-is-2x-bigger-than-app-traffic-and-growing-faster/
  29. 46.

    Progressive Web Apps have the reach of the web, and

    are reliable, fast and engaging.
  30. 48.
  31. 50.
  32. 51.
  33. 53.

    @media screen and (max-width: 1000px) { 
 /* Styles */

    
 } @media screen and (max-width: 560px) { 
 /* Styles */ 
 }
  34. 54.
  35. 56.
  36. 58.
  37. 62.

    Don’t get hung up thinking that media queries are the

    only tool in your toolbox. @Brad Frost
  38. 63.
  39. 65.

    Modernizr tells you what HTML, CSS and JavaScript features the

    user’s browser has to offer. https://modernizr.com/
  40. 66.
  41. 73.
  42. 75.
  43. 79.
  44. 84.
  45. 85.
  46. 86.
  47. 87.
  48. 89.
  49. 91.
  50. 96.
  51. 98.
  52. 99.