Trade Me's Tangram

As one of 7 CSS developers, and countless Angular devs, I helped build out patterns for Trade Me's design system: Tangram.

Check out tangram.nz

Responsibilities

  • Angular component development and conceptualisation
  • Feasibility studies and component prototyping
  • Component cross-browser testing
  • Component unit testing

Team-mates

  • Trade Me's full-time Tangram Developers
  • Trade Me's Product Design team

Observations and insights

  • CSS's pointer-events: none; is an anti-pattern.
  • Design systems should start with documentation first
  • Creating accessible web properties is a top-to-bottom responsibility
  • Working against the Principle of Least Power makes the resulting work fragile