Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Styleguiding is not a crime

decarola
September 25, 2018

Styleguiding is not a crime

Il talk tappabuchi con flip e slide. Volo pindarico tra style guide di ieri e di oggi, con riferimenti tanto a Brad Frost quanto a Rodney Mullen.

Off, Bologna front end, 25 settembre 2018.

decarola

September 25, 2018
Tweet

More Decks by decarola

Other Decks in Design

Transcript

  1. Pattern primer • Esempio di style guide di (santo) Jeremy

    • https://github.com/adactio/Pattern-Primer
  2. Style tiles • Mood board • Agli inizi del RWD

    • http://styletil.es • By Samantha Warren
  3. In conclusione. • Vocabolario prima di tutto. • Separa front

    end da back end (e volendo i componenti dallo stile). • Anche fatta a manazza, è comunque meglio di niente.
  4. Pro e Contro • Pulite, ordinate, manutenibili. • Aiutano a

    quantificare il lavoro. • Diventano uno strumento per sviluppatori E designer. • Linea di comando richiesta. • Manutenzione inevitabile. • x = numero di componenti
 y = bravura del designer
 z = stabilità del rapporto
 
 y = x/z #
  5. Sviluppatore B/E • (+) Ha degli esempi chiari su come

    funzionano i vari componenti. • (-) Si sente in soggezione se deve modificare qualcosa
  6. Designer • (+) Ha l’inventario dei componenti a disposizione. Più

    sensibile alle dinamiche di sviluppo. • (-) Mani legate.
  7. Quindi • Rotto il ghiaccio con il terminale, è tutto

    in discesa. • Organizzare bene gli stili è possibile (es. ITCSS). • Devs Designers
  8. Styleguidist • Pattern library interattiva • Creato partendo da React

    Styleguidist • https://github.com/vue-styleguidist/vue- styleguidist