PinnedMember-onlyBuilding and Sharing Custom Elements using Declarative Shadow DOMA look at Web Components and templating approaches using Declarative Shadow DOM — Web components have seen a surge in adoption, changing the way we think about building and sharing reusable UI elements. In smaller organizations, you may find one or two teams that commit to using React, Svelte, or Vue.js for their rendering technology and build a library of shared components. But…Web Components6 min readWeb Components6 min read
Nov 3, 2022Member-onlyThoughts on using CustomEvents in a micro frontend applicationThis is a rough outline of my thoughts to find sensible guidelines for working with CustomEvents across multiple micro frontends. — As you are reading this I assume that you already learned about micro frontends. If this is a topic that you want to learn more about, please let me know. What do you want to achieve? Do you want to offer an API that other micro frontends can use or, do you want to trigger a…Custom Events2 min readCustom Events2 min read
Dec 3, 2021Member-onlyThe Anatomy of a Design TokenDesign-Tokens is a hot topic in the Design and Development community. What is a Design Token? Here’s a brief introduction into the topic Design Tokens: The hidden superpower of a Design System Design Tokens are a fundamental part of a design system, making them an invaluable tool for anyone looking for…medium.com In this article, you will learn about the anatomy of a Design-Token and how to structure them.Design Token4 min readDesign Token4 min read
Nov 27, 2021Member-onlyDesign Tokens: The hidden superpower of a Design SystemDesign tokens make it easy to keep consistent design values across different platforms and applications. They also make it possible to quickly create new designs by using existing components. …Design Tokens5 min readDesign Tokens5 min read
Oct 28, 2021Member-onlyUse Astro with Gitlab Pages or Github PagesAstro is a static site generator which enables you to use a familiar javascript component architecture while shipping less client-side Javascript. Problem with Sub-Path deployment When you are not using a custom domain, Gitlab Pages deploys your website to a sub-path, e.g., http(s)://username.example.io/repository-name/. Due to an open bug, Astro ignores the buildConfig.site …Astro2 min readAstro2 min read
Oct 19, 2019Git and Github for beginnersThis is a short and deliberately incomplete introduction into Git and Github. Note, that there is a lot more to learn about this topic. What is “Git” Git is a distributed version control system. It helps teams to work collaboratively on a shared codebase. The git command-line program Git is also a software that you can download…Git5 min readGit5 min read
Jan 22, 2019Member-onlyUse “prefers-color-scheme” to detect macOS dark mode with CSS and JavascriptSince the introduction in MacOS Mojave “Dark Mode” has made its way to the mainstream. If a user chooses to use “Dark Mode” the overall experience of the OS adapts to provide a consistent user experience. Many companies introduced a dark theme for their apps in 2018. …CSS3 min readCSS3 min read
Mar 26, 2018Build a Landing Page with Webpack 4If you are a designer, a frontend developer or just someone who would like to learn how to use Webpack to build an awesome landing page, then this is for you. Using build tools can massively improve your development speed and your developer happiness, but learning how to master those…Web Development16 min readWeb Development16 min read
