Building and Sharing Custom Elements using Declarative Shadow DOM
This article shows a concept of building and sharing web components using Declarative Shadow DOM.
Jonas Duri
Platform Architect at breuninger.com working on frontend & UI solutions for distributed e-commerce systems. You can find me on Github, Medium, or LinkedIn.
Thoughts on using CustomEvents in a micro frontend application
This is a rough outline of my thoughts to find sensible guidelines for working with CustomEvents across multiple micro frontends.
How to use TailwindCSS 3.0 without external NPM scripts, just Hugo pipes
In this article, I describe how to use TailwindCSS without external NPM scripts by using only Hugo pipes.
Design Tokens: The hidden superpower of a Design System
Design 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 Tokens Series
The Anatomy of a Design Token
Design-Tokens is a hot topic in the front-end development community. What is a Design Token? Here’s a brief introduction into the topic
Design Tokens Series
Deploy an Astro site to Github or Gitlab Pages
Astro is a new static site generator that uses modern JavaScript, HTML, and CSS to build fast websites.
Git and Github for beginners
This is a short and deliberately incomplete introduction into GIT and Github.
Enable “dark” mode with CSS variables and JavaScript
In this post, I'm going to explain how and why you should consider making a dark theme for your website too.
Build a Landing Page with Webpack 4
If 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...
Jonas Duri
Platform Architect at breuninger.com working on frontend & UI solutions for distributed e-commerce systems. You can find me on Github, Medium, or LinkedIn.
Building and Sharing Custom Elements using Declarative Shadow DOM
This article shows a concept of building and sharing web components using Declarative Shadow DOM.
Thoughts on using CustomEvents in a micro frontend application
This is a rough outline of my thoughts to find sensible guidelines for working with CustomEvents across multiple micro frontends.
How to use TailwindCSS 3.0 without external NPM scripts, just Hugo pipes
In this article, I describe how to use TailwindCSS without external NPM scripts by using only Hugo pipes.
Design Tokens: The hidden superpower of a Design System
Design 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 Tokens Series
The Anatomy of a Design Token
Design-Tokens is a hot topic in the front-end development community. What is a Design Token? Here’s a brief introduction into the topic
Design Tokens Series
Deploy an Astro site to Github or Gitlab Pages
Astro is a new static site generator that uses modern JavaScript, HTML, and CSS to build fast websites.
Git and Github for beginners
This is a short and deliberately incomplete introduction into GIT and Github.
Enable “dark” mode with CSS variables and JavaScript
In this post, I'm going to explain how and why you should consider making a dark theme for your website too.
Build a Landing Page with Webpack 4
If 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...