5 things I learned building Web ComponentsOver the past few years, I’ve had the opportunity to develop two distinct web component libraries for different clients. Throughout this journey, I discovered that adhering to a set of fundamental principles when creating new components helped me cir...May 26, 2024 · 4 min readr3ddox.hashnode.dev
Finally, custom form elements that don't suck!In the world of web development, creating custom form elements has always been a bit of a challenge. However, with the introduction of web components and the use of the ElementInternals API, this task has become much easier. By leveraging the power o...2TAApr 17, 2023 · 5 min readsoftware-engineering-corner.zuehlke.com
Creating an icon web component with lazy loading in LitElementRecently we started working on a design system at one of our customers. One of the components we had to create quite early in the process was an icon component loading their custom icons. Since there is a considerable amount of icons, we wanted to ma...Jan 23, 2023 · 4 min readsoftware-engineering-corner.zuehlke.com
Using tailwindcss with web components and ShadowDOM in LitElementWe recently wanted to use tailwindcss to help developers at one of our customers create maintainable and scalable styling. At the same time we were creating web components for a design system. This raises one big issue with tailwind since we were goi...1PNov 14, 2022 · 4 min readsoftware-engineering-corner.zuehlke.com
Moving from Sass to CSS variables to implement Dark ModeWe are currently working on a machine that runs 24/7 at train stations all over Switzerland. The screen is fairly bright to help people navigate through our web application even when there is direct sunlight hitting the machine. For people with visua...1MOct 26, 2022 · 4 min readsoftware-engineering-corner.zuehlke.com
