Caffeinated Insights & Notes
Focus
Vue / Nuxt
Blogposts
& Notes
Front-End Forays & Framework Fables
Dive into my blog and read about web experiments, case studies, proof of concepts, Vue, Nuxt, technologies of all kind and beyond.
Visual regression tests for Vue/Nuxt: Histoire and Lost-Pixel
Published on
Let's discover Histoire and Lost Pixel on is a streamlined, Vite-native story tool for Vue/Nuxt and the other one is versatile image-diff engine - the question is do they match, are they able to tackle storybook along with chromatic for visual regression testing?Visual regression tests for Vue/Nuxt: Storybook & Chromatic
Published on
Visual regression tests ensure that your UI components’ appearance doesn’t change unexpectedly when new code is merged - they catch subtle style shifts and layout regressions before your code reaches production.Case Study: Blazingly fast website for the Energy Sector
Published on
Until 2021, energy providers website ran on Vue 2 with inconsistent code, no centralized state, mixed styling, and poor developer experience. I was hired to audit and rebuild, migrating to Nuxt 3, TypeScript, Pinia, Tailwind, Storybook, automated tests, and a BFF with Redis caching. The aim: scalable maintainability and top-tier Core Web Vitals—now green for LCP, CLS, and INP.Why Atomic Design? Benefits & Implementation
Published on
Brad Frost, applies the concept of emergence—where simple elements combine to create more complex, functional systems whose properties exceed the sum of their parts. In modern web applications, these elements take the form of reusable UI components that scale from basic building blocks to full pages.Animate Gradients in CSS: Techniques & Examples
Published on
Background-Gradients can look nice, are very trendy and are supported relatively easily by any modern browser, but if you want to animate them now, you have to do some tricks. Background gradients cannot be addressed directly via CSS keyframes – nevertheless, there are ways and means to animate them on the web — even without JavaScript. Discover an experimental method to animate CSS gradients using SASS loops.An experimental Flex-Gap property mixin
Published on
Sometimes, working with CSS can be frustrating (to be fair, I mostly work with SASS and haven’t touched vanilla CSS in ages).
Thoughts, learnings, and things I’ve figured out along the way
From dev tips to case studies and personal takes — my blog is where I share what I’ve learned, what worked for me (and what didn’t), and ideas I think could be worth talking about.
A few lines of code can spark a whole lot of innovation!
Since 2015, I’ve been transforming digital visions into reality and complex challenges into fun, engaging solutions - always having performance, accessibility and maintenance in mind.
RheinEnergie
Agital-Online / esyoil
IU Internationale Hochschule (formerly IUBH)
Logic Joe
Guide 2
CFO Management
KRAVT / Katjes
Lions Club Hamburg
Traffic Partner
Austin Frasier
Workgenius
Progressive