The last version of Internet Explorer, version 11, was released on October 17, 2013. This is a very long time ago when taking into account the rapid development of web technologies. These days it is often difficult and time consuming to get modern technologies to work well in this old browser. More and more frameworks are dropping support, and even Microsoft themselves has announced that they will fully drop support for IE in their own services in 2021.
Consequently, we have decided to not include support for IE in the Design Library website.
Luckily, there are modern options in active development. Please use Firefox, Edge or Chrome instead.
Design Library aims to help you, as a developer, to create the best possible user experience in the apps and websites you build. You'll find not only re-usable code for SEB themed components, but also guidelines and advice on how to make your app consistent, accessible and easy to use .
Design Library consists of a website with editorial content (this is what you're looking at right now) as well as a number of repositories that contains component implementations.
A repository will typically contain a framework-specific implementation of SEB's general components, or a project specific collection of components. For example,
Any teams within SEB that are developing for the web can contribute their code to Design Library, either by setting up their own repository, or by adding code to, for example, the Vanilla repository.
Each repository actually has its own website. We call this website a "Pattern Library". Here you can have a look at the Pattern Library for Vanilla, for example.
The pattern library site serves several purposes:
Each component in a Pattern Library consists of two main things: A markdown file and a code file.
As mentioned above, the Pattern LIbrary site exposes a few different JSON feeds. These are required for Design Library to be able to display components from the Pattern Library. There are three different feeds:
DaVanMonet is the development tool we use to generate pattern libraries. It is built around WebPack, and handles transpiling, minification, compiling, etc, as well as automatically generating the necessary JSON-feeds for Design Library.
You can find the source code and documentation for DaVanMonet on GitHub.