Our story: Building a maintainable component library

Creating a component framework for the City of Gothenburg and the challanges of moving towards a modular UI design methodology

Mikael Sandin

Oct 13, 2017

Lessons learned — first 3 years building a design system

Things we learned when we built the City of Gothenburg’s design system and component framework

Mikael Sandin

Apr 5, 2017

A look at how we have applied Nathan Curtis eight principles of designing systems

In 2014, inspired by the work of Lonely planet and their living style guide Rizzo, we took the first steps toward a living design system for the City of Gothenburg.

Mikael Sandin

Jan 24, 2017

Design system maintenance — sharing markup between applications

Discussing the problems we have to keep applications in sync with our design system. Changes in CSS and JavaScript is one thing, refactoring…

Mikael Sandin

Nov 26, 2016

An in-depth walkthrough of our framework architecture

Although more technical in nature, we hope that it can also provide insights into the concept of our framework. How it is built, used and maintained.

UI-framework and Component templates

Mikael Sandin

Jul 20, 2016

Our HTML prototyping process

In 2013, we started to look at the benefits of building a maintainable component library and how we could use it for the City of Gothenburg’s external and internal web applications.

The primary goal was to:

Increase the quality…

Mikael Sandin

Jun 11, 2016

Dissecting the Slideshow component

Examples are often the best way to learn so let’s look in detail on one of the components in our library, the slideshow component, and see what parts it consists of.

Mikael Sandin

Feb 18, 2016

Creating components

In my previous post, An overview of the component framework architecture, I described, from a technical perspective, how we implemented and built our component framework.

And when we started this project I thought that once we had the technical implementation in place…

Mikael Sandin

Jan 26, 2016

An overview of the component framework architecture

After being inspired (as many others) by the work Lonely Planet did with their framework Rizzo we started thinking about how we could build a similar framework that would work with our web application platform IBM WebSphere Portal.

Mikael Sandin

Jan 24, 2016

In 2013 Brad Frost wrote the blog post Atomic web design which popularized the concept of modular design systems. We started thinking about the benefits of this methodology, namely more uniform user interfaces based on reusable components and how it could benefit the City of Gothenburg.

Lessons learned — first 3 years building a design system

Things we learned when we built the City of Gothenburg’s design system and component framework

A look at how we have applied Nathan Curtis eight principles of designing systems

Design system maintenance — sharing markup between applications

Discussing the problems we have to keep applications in sync with our design system. Changes in CSS and JavaScript is one thing, refactoring…

An in-depth walkthrough of our framework architecture

UI-framework and Component templates

Our HTML prototyping process

Dissecting the Slideshow component

Creating components

An overview of the component framework architecture

How it all began