Skip to content

Instantly share code, notes, and snippets.

@chrisjm
Created April 26, 2017 23:30
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save chrisjm/574366370fb26feadeb0cf6f17c2c0bb to your computer and use it in GitHub Desktop.
Save chrisjm/574366370fb26feadeb0cf6f17c2c0bb to your computer and use it in GitHub Desktop.
"Mistakes Were Made" by Razvan Spatariu (Funding Tree) Presentation Notes

Presentation link

https://pusher.com/sessions/meetup/london-css/mistakes-were-made

Main Lessons Learned

  • Breakout components/patterns that will provide most value first
  • Documentation is necessary; "the code describes itself" is not good enough
  • Explain & Educate! Make sure all business groups know what you are working toward (ie. consistent branding)
  • You won't get time to work on it from the business; build little bit at a time while you are working on features; it's just part of your process, like tests
  • Design team NEEDS to be involved
  • Be selective on which components to include; gives you more time to determine patterns and designs to solidify
  • Naming is hard, but do it right the first time; make it so that you know what it does and what it is so that you can find it easier later
  • Don't solve problems you don't have yet
  • The StyleGuide is ongoing and never done
  • Technology stack: Stability over cutting edge so that you don't spend too much time wrestling with it and focus on the styleguide

Other interesting info

  • Funding Tree built the styleguide separately from their app(s)
    • They also use BEM with a flavor of ITCSS and SMACSS
    • BEM helps with the style "bleed through"
  • Other companies that have done this have had bad experience with developers changing the markup and therefore breaking the style
  • In general, it seems it's normal for developers to be anti-markup and anti-CSS
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment