Future proofing design work with Web components

Presenters: btopro

SLIDES: https://www.slideshare.net/btopro/future-proofing-design-work-with-web-components

Web components are a W3C standard that's been adopted by all major browsers as of October 2018. The Version 1 specification is a joy to work with and brings the web into a composing context from a raw materials one. That is, we can now directly repurpose and leverage our efforts to build bigger and better experiences (like modern home development practices) instead of constantly reinventing the wheel (like molding bricks out of clay to work on our house).

As of this writing, the ELMS:LN team (4 people) at Penn State has created 433 web components for generalized use. We've built an editor, a CMS, integrated those elements into Drupal (multiple versions), delivered static sites, worked on desktop apps, and done design work entirely, end to end, using web components and a uniform process for creating and deploying them.

Talk structure:

  • What are web components, can I use them, answering questions of libraries, polyfills, SEO, and accessibility
  • Examples of who has adopted them and what they doing with them
  • Community resources like polymer slack, webcomponents, and open-wc.org
  • Detailed examples of adoption in production, Drupal and non-Drupal environments, lessons learned and unthinkable wins
  • Our WCFactory tooling that automates much of the workflow of producing a sustainable element portfolio
  • How teams can leverage web components across projects
  • Where Drupal 6,7,8,9 fit into the future with web components
  • Where the future is going with HAXeditor and HAXcms, the future of micro-site generation and management

Our team is in love with web components and we think you will too! Join us and build better, more sustainable design systems of the future (today)!

Experience Level
Schedule Info
Conference Year
Date / Time
Room E1/E2
Session Track
Design, UX, and Accessibility