CodingKiwi

docker

Setting up a matrix server

I was curious and wanted to try setting up a Matrix server again. I'd already attempted it a few years back, using Synapse as the server and Element as the client. My conclusion then was that it was a bit annoying to set up, and the client’s

docker

Building an open mapping stack

I started working on a little vacation planner app as a side project. It's nothing fancy – just a map with markers on one side and a list of places on the other. I find it helpful for figuring out which places are close enough to visit in a

Compressing an obsidian vault into a single PDF

As mentioned in my other post Obsidian is a great tool for writing documentation. PDF Export for selfhosted outline instanceIntro TLDR: I want to export an Outline collection and will try around with Obsidian later. Why Outline? Outline is a clean and powerful knowledge base solution that fits some needs

PDF Export for selfhosted outline instance

Intro TLDR: I want to export an Outline collection and will try around with Obsidian later. Why Outline? Outline is a clean and powerful knowledge base solution that fits some needs better than obsidian. Don’t get me wrong - Obsidian is an excellent tool as well, and both have

scss

Dynamic theming a scss library

My library hop's styling is based on SCSS, which lets me define default variables like $primary-color: #83ba43 !default; in the library, and then overwrite it in other projects that use the library to have a different primary color. You could consider that "theming" but my goal

vite

Benchmarking vite vs webpack

I still use Webpack for most of my projects, but Vite is rapidly becoming the standard build tool. As I mentioned in earlier posts, I still encounter a few issues with it: Why I’m not switching to vite yetTwisted paths While searching for a markdown based Static-Site Generation (SSG)

javascript

Rendering .vox Files

MagicaVoxel I recently stumbled upon the free voxel tool which lets you create and render 3d voxel models like this: At the time, I was experimenting with an isometric-perspective game and considering creating 3D voxel models, which I would then render as 2D PNGs. MagicaVoxel seemed like the perfect tool

android

Recovering saved wifi networks from my old Huawei Smartphone

I recently got a new smartphone, but have been unable to find a way to transfer the saved Wi-Fi networks from my old phone to my new one. All the online tutorials just say "go to settings and generate a QR code" but it just does not work.

twitch

Creating a cozy stream background

The base image My goal was to create a cozy co-working background of a monitor in a room. Since I have zero artistic skill I opted to fiddle around with AI generated images. Using ComfyUI I generated a few images. I used the "dreamshaper xl v21 turbo" checkpoint/

javascript

Email Spam Scavenger Hunt

A few days ago I saw a little '1' next to the name of my spam folder. Protonmail automatically classified it as spam/phishing and did not notify me, which is great! But I got curious.. So the natural thing, of course, it to download it :) Heading into

gamedev

Wave Function Collapse Experiment

So right from the start: apparently it has nothing to do with the quantum concept it was named after ^^ There seem to be two versions: texture and tile mode. I will be using tile mode. For a better explanation check out this awesome article by Boris! Tiles and Edges In

javascript

Passing a form object as a vue prop

Setup Let's say we have a parent component: <template> <div> <p>This is my awesome form</p> <form> <input v-model="form.a"> <input v-model="form.b"> </form> <

npm

developing shared npm packages locally

My second post on this blog was about how complicated it seems to be to develop shared npm packages locally. I decided to take another crack at finding a better workflow. The situation is more or less the same, I have hop, my scss/vue component library which I use

javascript

How I added svg icons to my vue component library

There are different ways how you might add icons to your application or website, the most common thing when I started doing frontend development was using an icon font like fontawesome. Webfonts The way these work is by having an html element with a class, this class gets a special

vite

1 year later - state of vuepress and vite

In my post Why I'm not switching to vite yet almost exactly a year ago I explained why switching to vite was not an option to me yet. Some things have changed so let's check again! vitepress and vuepress As stated on the website, they have

laravel

Laravel Docker Permission Madness

I already wrote about the basic setup of my docker images in my other post but it still had some permission issues. So I decided to write a little follow-up: The Docker Images In the context of my project "flow" there are a few images involved: laravel-base * FROM

Quick and dirty network synced vue state

For some apps it can be useful to have the state server-side and sync it to the clients live using websockets. One option is to just send the full state everytime it has changed, this has some disadvantages though * overhead: we send the full state even if just one property

My PHP VSCode / Docker / Remote SSH Setup

Even though I mainly work on js projects I did a lot of laravel apps in the past and currently I still work on my project management app "flow" from time to time. Everything I explain in this post is based on my experience over the past years

php

SQL Batch inserts are faster

At my current employer a PHP script was used that extracts entries from a large database table, optimizes them and saves them in a second table. This script was written years ago and it ran every day for 12 hours. Although the general rule "never change a running system&

webpack

Vue Component Workbench

In my projects I've been using my vue/scss framework "hop". Whenever I add new components or change something, it is quite helpful to have an instance of webpack running inside the hop project to see my changes in realtime instead of publishing a new version

nodejs

Why I'm not switching to vite yet

Twisted paths While searching for a markdown based Static-Site Generation (SSG) to build a documentation page I came across vuepress, first I started with vuepress 1 but since I wanted to install it in my existing project (which uses vue 3 and vuepress 1 does not support vue 3) I

boardgame

Digitally enhanced boardgame - Part 3: Perspective

Link to Part 2 Digitally enhanced boardgame - Part 2: Fiducial markersLink to Part 1: Digitally enhanced boardgame - Part 1: The dungeon tilesWelcome to this blog post series about a dungeon boardgame enhanced with some digital magic. What kind of game? Something like a dungeon crawler :) The dungeon I

boardgame

Digitally enhanced boardgame - Part 2: Fiducial markers

Link to Part 1: Digitally enhanced boardgame - Part 1: The dungeon tilesWelcome to this blog post series about a dungeon boardgame enhanced with some digital magic. What kind of game? Something like a dungeon crawler :) The dungeon I want the dungeon to be random, which is not too hard

boardgame

Digitally enhanced boardgame - Part 1: The dungeon tiles

Welcome to this blog post series about a dungeon boardgame enhanced with some digital magic. What kind of game? Something like a dungeon crawler :) The dungeon I want the dungeon to be random, which is not too hard to achieve procedurally, but how will the players be able to see

postgres

Building a Code Search

I came across the application sourcegraph which is an awesome code search tool that allows you to search across multiple repositories fast (plus a lot of other awesome features). Under the hood it uses "zoekt", a trigram based search index which was a independent project but is now