Styleguiding is not a crime

Strumenti, approcci, storie passate e sogni futuri delle style guide.
Le style guide, seppur in forme e modi diversi, sono uno strumento ormai decennale utile a più figure professionali. Un terreno comune dove diversi linguaggi trovano accoglienza e possono dialogare.

Transcript

1. Styleguiding is not a crime
 Modo chez WebappConf 2018
 #webappconf18
2. #webappconf18
3. Andrea De Carolis @decarola @wearemodo http://modo.md
5. Facciamo front end • Architetture • Performance • Per agenzie
6. $ Noi B/E Designer ➡ & ➡
9. Styleguide is the new Brand Identity Manual
10. NASA Graphics Standards Manual
11. NASA Graphics Standards Manual
12. NYC subway identity manual
13. NYC subway identity manual
14. Stessa cosa, per il web
15. https://www.uxpin.com/studio/blog/design-systems-vs-pattern-libraries-vs-style-guides-whats-difference/
17. Freestyle La vecchia scuola
18. Manazza
19. https://clearleft.com/
20. Code for America
25. Emmaboshi
29. Quindi: • Le cose I componenti hanno un nome. • Separazione tra front end e back end. • Anche fatta a manazza, è comunque meglio di niente.
30. Rodney Mullen
31. Street skating Moderno, completo
37. Radio 24
45. Chi è felice?
46. Designer • Ha l’inventario dei componenti a disposizione. • Più sensibile alle dinamiche di sviluppo. • Rischio effetto “mani legate”. (
47. Sviluppatore B/E • Documentazione esaustiva su ogni componente. • Ha degli esempi chiari su come funzionano i vari componenti. • Percepisce la complessità della parte presentazionale. )
48. Quindi: • Componenti pulite, ordinate, manutenibili. • Aiutano a quantificare il lavoro. • Strumento utile per designer & sviluppatori.
49. Bastien Salabanzi
50. MEGARAMP Extreme & PRO only
53. Storybook • Pattern library interattiva • React or Vue or Angular • https://storybook.js.org
54. Styleguidist • Pattern library interattiva • Creato partendo da React Styleguidist • https://github.com/vue- styleguidist/vue-styleguidist
60. Component oriented
61. Bob Burnquist
62. – Anonimo skater 16enne “Skate before is too late”.
63. Graphic manual
64. Skateboard 
 manual
65. Grazie! @decarola andrea@modo.md #webappconf18