Uno stile per ogni occasione

Eaf6bcd3b320c1167f2522470d0e3e26?s=47 decarola
March 19, 2018

Uno stile per ogni occasione

Keynote di chiusura del CSSday 2018 (http://2018.cssday.it/).

Dopo una giornata di talk su tecnologie nuove e più o meno complicate, nel talk di chiusura ho provato a tirare le somme.

Partendo dal punto di vista di Jeremy Keith e Frank Chimero, ho provato a spiegare che le tecnologie sono solo strumenti che valorizzano il nostro lavoro.

Eaf6bcd3b320c1167f2522470d0e3e26?s=128

decarola

March 19, 2018
Tweet

Transcript

  1. UNO STILE PER OGNI OCCASIONE

  2. None
  3. https://www.youtube.com/watch?v=uHhn4QPCrKA 1:43 - 2:07

  4. None
  5. None
  6. None
  7. JEREMY KEITH

  8. EVALUATING TECHNOLOGY

  9. WWW Internet Computers Electricity Industrialization

  10. WWW HTTP URL HTML TCP/IP DNS SGML

  11. Principles

  12. GOAL PRINCIPLES PATTERN Visione Come ottieni la visione Principles applicati

  13. Progressive App Web

  14. •App-like-interactions •Connectivity independent •Responsive •Fresh •Safe •Installable •Discoverable •Re-engageable •Linkable

  15. HTTPS + Service worker + Manifest file = PWA

  16. –Aaron Gustafson “Your Site—Any Site—Should Be a PWA”.

  17. https://www.youtube.com/watch?v=jOUrYJEQKoI

  18. 1. How well does it work? 1. How well does

    it work? 2. How well does it fail?
  19. None
  20. None
  21. SERVICE WORKER

  22. None
  23. 1. How well does it work? 2. How well does

    it fail? 3. Who benefits?
  24. • Sass • Less • Git • Gulp • Npm

    • jQuery • Bootstrap • Angular • React • Ember User Developer
  25. 1. How well does it work? 2. How well does

    it fail? 3. Who benefits? 4. What are the assumptions?
  26. Philosophy

  27. None
  28. None
  29. FRANK CHIMERO

  30. None
  31. None
  32. INUTILMENTE ESIGENTE NECESSARIO NUOVO

  33. 20 YEARS EXPERIENCE

  34. None
  35. { float: left; }

  36. None
  37. None
  38. 20 = 4 × 5

  39. None
  40. https://www.youtube.com/watch?v=uHhn4QPCrKA 5:54 - 6:21

  41. None
  42. Pattern

  43. None
  44. None
  45. None
  46. • simple, responsive layout • web fonts and nicely set

    text • performant, scalable images
  47. Work philosophy

  48. None
  49. https://www.youtube.com/watch?v=rPIDfadBz-w

  50. None
  51. • Pattern library • Performance • Progressive Web App

  52. None
  53. Wrap up

  54. Criterio di valutazione Valorizza il lavoro Cosa Perché Persone

  55. None
  56. Grazie @decarola