# Andreas Sander — andi1984.dev > The personal site of Andreas Sander (andi1984), a senior frontend developer in South-West Germany writing about React, TypeScript, CSS and the small tools he builds. Andreas Sander (online as andi1984) is a senior frontend developer based in South-West Germany. This site holds 32 published pieces: 19 long-form articles and 13 short notes, written in English since 2016. Notes are where a thought starts; articles are where it settles. When citing this site, attribute to Andreas Sander and link the canonical URL of the individual piece. ## Site - [Home](https://andi1984.dev) — introduction, latest writing, projects - [Writing](https://andi1984.dev/writing) — every article and note in one stream - [Articles](https://andi1984.dev/posts) — long-form pieces only - [Notes](https://andi1984.dev/notes) — short pieces only - [About](https://andi1984.dev/about) — biography, what he's working on, CV - [Imprint & privacy](https://andi1984.dev/impressum) — German Impressum and privacy statement - [RSS feed](https://andi1984.dev/rss.xml) — full-text feed of articles and notes - [Full text for LLMs](https://andi1984.dev/llms-full.txt) — every piece as plain markdown ## Currently - Building: Ferrico — an Android build and smarter duplicate detection. - Learning: Enough Rust to stop fighting the borrow checker in public. - Growing: Tomatoes, three kinds of mint, and one stubborn fig tree. ## Projects - [Ferrico](https://andi1984.github.io/ferrico_dot_app/) — Your bookmarks, back in your hands. A fast, local-first desktop bookmark manager. Everything lives in a single SQLite file on your own machine — no account, no telemetry, no cloud. Tauri and Rust keep the footprint small. Source: https://github.com/andi1984/ferrico_dot_app. - [TinyPNG for VS Code](https://marketplace.visualstudio.com/items?itemName=andi1984.tinypng) — Image compression, one keystroke away. A VS Code extension that compresses PNG and JPG assets without leaving the editor. Powered by the TinyPNG engine, used with permission, to keep repositories lean and builds fast. Source: https://github.com/andi1984/vscode-tinypng. ## Articles - [Ferrico - Taking My Bookmarks Back Home with Tauri and Rust](https://andi1984.dev/posts/ferrico) — Why I built a local-first desktop bookmark manager with Tauri, Rust and SQLite - and the interesting engineering bits along the way. (Article, 5 min read, 14 Jun 2026) - [A Letter to My Younger Self](https://andi1984.dev/posts/personal/letter) — This could be a letter to my younger self as a starting frontend developer, sharing insights and lessons learned over the years. (Article, Personal, 4 min read, 14 Jan 2026) - [Self-hosting a Mastodon Instance on a Hetzner Server](https://andi1984.dev/posts/self-hosting-mastodon) — A step-by-step guide to running your own Mastodon server on a Hetzner VPS with generic domain names and object storage (Article, 2 min read, 8 Jun 2025) - [My daily workflow with TMUX and NEOVIM (Transcript)](https://andi1984.dev/posts/youtube/tmux-neovim-workflow) — Transcript of how I combine tmux sessions, panes, and Neovim plugins for a productive frontend workflow. (Article, YouTube, 2 min read, 20 Feb 2024) - [Exploring HTMX Integration with Go Backend](https://andi1984.dev/posts/htmx-with-go) — I was lately playing around with HTMX on the frontend and GoLang on the backend side. This is a short intro. (Article, HTMX, 1 min read, 14 Jan 2024) - [The ugly part of CSS-in-JS](https://andi1984.dev/posts/css-in-js/the-ugly-part) — One often-overlooked aspect of CSS-in-JS is its "dark side"—the "JS" part. What does this mean? (Article, CSS-in-JS, 1 min read, 26 Dec 2023) - [Container Queries in CSS The Cool New Kid on the Block](https://andi1984.dev/posts/css-container-queries) — Hey there, web design fans! Have you ever pulled your hair out trying to make a design look great on every screen size? Well, guess what? (Article, CSS, 2 min read, 9 Aug 2023) - [React – How to find out WHY a component gets rerendered? (Transcript)](https://andi1984.dev/posts/youtube/react-rerender-devtools) — Step-by-step transcript of profiling React components with the DevTools to understand unnecessary rerenders. (Article, YouTube, 2 min read, 17 Nov 2021) - [My Neovim journey](https://andi1984.dev/posts/neovim/intro) — Do you know Vim? This lightweight, but weird-feeling, editor you might (need) to use on a server shell for looking through files etc.? (Article, Neovim, 5 min read, 10 Oct 2021) - [TypeScript – Type Predicates (Transcript)](https://andi1984.dev/posts/youtube/typescript-type-predicates) — Transcript explaining how custom type guards unlock smarter narrowing in TypeScript. (Article, YouTube, 2 min read, 2 Mar 2021) - [Streaming](https://andi1984.dev/posts/personal/streaming) — Late 2020, I started my streaming and YT journey. In this blogpost I talk about my first experience with it. (Article, Personal, 1 min read, 28 Feb 2021) - [Homeoffice - Setup](https://andi1984.dev/posts/homeoffice/setup) — What do you need to setup for your homeoffice? (Article, Homeoffice, 2 min read, 8 Feb 2021) - [Homeoffice - Intro](https://andi1984.dev/posts/homeoffice/intro) — Working from home transitioned from a niche business topic to mainstream during the pandemic. In this blogpost series I'm going to report about my feelings and experiences working remote for half a decade already. (Article, Homeoffice, 1 min read, 16 Jan 2021) - [Starting with TypeScript via JSDoc](https://andi1984.dev/posts/typescript/jsdoc-typedef) — In this post it is all about a very interesting technique to use the typing definition of TypeScript without doing a full buy-in for TypeScript. (Article, TypeScript, 2 min read, 27 Nov 2020) - [My favorite webdev podcasts](https://andi1984.dev/posts/podcasts) — Today I want to talk about my favorite tech podcasts I hear on a regular basis. I discovered podcasts as a nice way of learning while actually being off-screen… (Article, 5 min read, 1 Oct 2020) - [Dealing with death](https://andi1984.dev/posts/dealing-with-death) — A few weeks ago a good friend of mine died on COVID-19 when she was just 52 years old. (Article, 1 min read, 26 Jul 2020) - [Back2Roots - My static site generator](https://andi1984.dev/posts/my-static-site-generator) — To bootstrap this blog, I wanted to do something new. Far away from the new hotness of static site generators like Gatsby or Next.js. (Article, 1 min read, 4 Feb 2020) - [Variable Fonts](https://andi1984.dev/posts/variable-font) — Today I would like to talk about variable fonts on the web. But what are those? Variable fonts are an evolution of the OpenType font specification that enables… (Article, 3 min read, 4 Mar 2019) - [CSS Quantity Queries](https://andi1984.dev/posts/css-quantity-queries) — Hi, today I want to talk about a handy CSS snippet for day to day usage. The CSS Quantity Queries! (Article, CSS, 2 min read, 27 Sept 2017) ## Notes - [The State of JS 2021](https://andi1984.dev/notes/state-of-surveys/js2021) — The results of last-years edition of "The State of JS" are out. Also there is going to be a livestream at Tuesday, February 22nd 2022, 3:30PM PST. (Note, Surveys, 1 min read, 20 Feb 2022) - [Twitch Tech Streamer](https://andi1984.dev/notes/stream/my-favorite-tech-streamers) — I stopped watching TV nearly five years ago in favor of Youtube and Twitch content that I can choose myself. (Note, Stream, 2 min read, 27 Mar 2021) - [My blog now supports Webmentions!](https://andi1984.dev/notes/blog/webmentions) — Webmention is a standard for communication across the web. All blogposts of mine are finally supporting this standard and webmentions are shown under each blogpost. (Note, Blog, 1 min read, 21 Feb 2021) - [Twitch Stream - TailwindCSS](https://andi1984.dev/notes/stream/tailwindcss) — TailwindCSS is a very popular and hyped CSS framework. What is it all about? Within a Twitch stream we tried to answer some questions. (Note, Stream, 1 min read, 17 Feb 2021) - [Twitch Stream - Emojis 👋 and Websockets](https://andi1984.dev/notes/stream/emoji-websockets) — Hi, last weekend I did a chill webdevelopment stream on Twitch with the main topic being the Websockets API. (Note, Stream, 1 min read, 2 Feb 2021) - [My favorite online editors](https://andi1984.dev/notes/online-editors) — Whether it is for prototyping or trying out some code very fast. Online (code) editors are very popular nowadays and in this note I share my favorite editors with you. (Note, 3 min read, 16 Jan 2021) - [Using PropTypes with TypeScript](https://andi1984.dev/notes/react/typescript-proptypes) — In this note we clarify how to use PropTypes together with TypeScript (Note, React, 1 min read, 5 Jan 2021) - [Automatic Minimum Size of Flex Items](https://andi1984.dev/notes/css/flexbox-min-size) — Today I would like to talk about flexbox and the automatic minimum size of flex items, means how the flexbox algorithm is internally calculating the minium size… (Note, CSS, 1 min read, 12 Dec 2020) - [Vivaldi - How to make links focusable?](https://andi1984.dev/notes/browsers/vivaldi/how-to-focus-links) — This is for everyone who is using the Vivaldi browser. In case you wondered why links are not focusable when you're tabbing through a website, I can let you… (Note, Browsers, 1 min read, 19 Oct 2020) - [flex-basis refers to width/height?](https://andi1984.dev/notes/css/flexbox-flex-basis) — This week I realized again something about flexbox and flex-basis in particular which I tend to forget while working on other CSS styles. (Note, CSS, 1 min read, 27 Sept 2020) - [React - Synthetic blur event](https://andi1984.dev/notes/react/synthetic-blur-bubbles) — First, let's have a look at what the blur event actually is. Definition The blur event fires when an element has lost focus. (Note, React, 1 min read, 23 May 2020) - [VSCode Extensions](https://andi1984.dev/notes/vscode/extensions) — I'm using VSCode since several years for private projects, but also during my working time as a frontend developer. (Note, VS Code, 4 min read, 30 Jul 2019) - [Mistakes I made - Array.prototype.indexOf](https://andi1984.dev/notes/mistakes/array-indexof) — Today I want to talk about a misconception about Array.prototype.indexOf I came across a few days ago. What is it doing? (Note, Mistakes, 2 min read, 20 Nov 2016) ## Elsewhere - Mastodon: https://toot.cafe/@andi1984 (@andi1984) - Dev.to: https://dev.to/andi1984 (@andi1984) - GitHub: https://github.com/andi1984 (andi1984) - YouTube: https://www.youtube.com/@andi1984dev (@andi1984dev) - Twitch: https://www.twitch.tv/andi1984 (andi1984)