We created new business cards for a client to include QR codes in Adobe Indesign. The client’s business cards are designed with Pantone colors. So my approach was to use the QR code generator that exists in Indesign. This turned out to be far more complicated than expected. The problem In the…

A quick tutorial on how to code a mobile menu in 73 lines of Javascript. — The Concept In the event listener DOMContentLoaded I call a function mobileMenu_init() for every page. This function handles if the mobile menu has to be displayed, built, or destroyed. In the window event listener resize I also call mobileMenu_init() to handle the mobile menu with regard to the resizing of the window. …

Due to medication I was constantly hungry and weighed 102 kg. The article shows how I lost weight without losing myself. — In 2011 I received a cancer diagnosis. I got surgeries and treatments and purely physically everything became good. At that time I weighed about 76 kilograms. After the diagnosis, however, I could hardly sleep. I had many bad thoughts and severe depression. I kept up this almost sleepless state for…

In this article, I will show you how to easily program a darkmode switch in 52 lines of JavaScript. — Update: Thank you Vojtěch Musil for your comment! I changed the <div> element for the darkmode switch into a <button> element for better semantics and accessibility. The HTML For this darkmode demo, I need a simple HTML file. In the head section, I include the CSS file styles.css and two JavaScript files…

In this article, I show you how to use my boilerplate for developing plugins and components in plain JavaScript. — In my 20 years of experience as a developer, I never liked working with non-self-written JavaScript plugins and components. So in 2015, I started coding my own plugin library. Since then I use the same boilerplate concept for my plugins. The advantages of self-written plugins are obvious

Together with Simon Baka I programmed, designed and implemented an adventure game including story, art and engine as a study project. — In 1999, I studied at the SAE College in Stuttgart. As a major study project, we had to implement an application with Macromedia Director as part of a group project. …

This article shows how I configure Notepad++ and write my CSS code to navigate faster between definitions. — Everyone knows it: The website project grows and grows and the CSS files get longer and longer. Some larger projects often have several thousand lines of style definitions. It becomes more and more difficult to keep the overview, to find errors quickly or to write additions after some months passed.

The article shows my approach and ideas for programming the Lands of Lore engine in Vanilla JS. — Lands of Lore: The Throne of Chaos by Westwood Studios is one of my favorite games (here are my top 10 games). I’ve played through it countless times. In 2016, I had decided that with my programming skills at the time, I would try to reprogram the engine for the…

This article shows how I optimize websites using semantic HTML tags to prepare the content for better machine readability. — Update 2022–09–27: I have corrected the semantics from the markup and added the media attribute for the css linking in the head section. Today search engine optimization is one big lever to get visibility on the web. …