Archive of stories published by Our story: Building a component library

Homepage

Open in app

Our story: Building a component library

All

Mikael Sandin in Our story: Building a component library

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 in Our story: Building a component library

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 in Our story: Building a component library

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 in Our story: Building a component library

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 in Our story: Building a component library

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 in Our story: Building a component library

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 in Our story: Building a component library

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 in Our story: Building a component library

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 in Our story: Building a component library

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.

About

Our story: Building a component library

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

More information

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

An overview of the component framework architecture

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…

Creating components

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

An in-depth walkthrough of our framework architecture

UI-framework and Component templates

Our HTML prototyping process

Dissecting the Slideshow component

How it all began