It's been a bit quiet here lately, so let me get you up to speed with what I've written on DEV and other platforms since my last post here in 2021!
Self-built Tic-tac-toe AIs vs Human - The ultimate showdown in five rounds, from dumbed down to highly sophisticated π₯π
This post is all about Tic Tac Toe, or as it's sometimes called, "Naughts and crosses."
We develop five approaches to a Tic Tac Toe bot, from pure and utter randomness to the Minimax algorithm used in chess computers.
How 1.5 years of writing posts on dev.to made me a better developer βοΈβοΈπ§βπ»π
At the point of publishing this post, I was already 1.5 years into writing. I learned a lot, not only about writing but also about technology, and have also improved some other soft skills. This post explains what I learned and how writing made me a better software developer.
β οΈ Don't try this at home: CSS as the backend - introducing Cascading Server Sheets!
This one has sparked some controversies and was even reviewed by Prime:
https://www.youtube.com/watch?v=tVx2FAQQe-o
The name itself explains it all: "CSS as Backend!" With some more than questionable tricks and a lot of creativity, I found a way to interpret CSS on the backend side and make it execute logic.
Throwing around text - Kinetic typography part 1: A chilly warm-up π οΈ π
The first part of a multi-part series on kinetic typography! I find examples online, in movies and animations and recreate them using HTML, CSS, and an occasional bit of JavaScript. To Read the rest, click on the title and have a look!
5 tips for Vue beginners - stuff to get you started fastπ
The tips in this post will help you get started as a Vue developer. They aim to show you Vue's potential, help you find things you didn't know, and improve your knowledge about Vue. This post is complemented by a guest post on the UPDIVISION blog.
10 tips for Vue beginners - stuff to get you started fast
More Vue tips for you! This guest post on the UPDIVISION blog contains 10 more tips and complements the five tips from the previous post.
Start and stop a llama! How to create a non-autoplay GIF web component ποΈππ₯
Let's build a web component to start and stop gifs! Often, gifs auto-play, which can be frustrating for some users, increases load time and may be very distracting. This web component lets the user decide whether to play a GIF.
Let's have a blast of fun! How to build a Minesweeper clone for the CLI with NodeJS π£π
The classic minesweeper is now on your CLI as a fun little command! This post guides you through the process of building it.
Use your i-moon-gination: Let's build a Moon phase visualizer with CSS and JS! ποΈπ
I couldn't resist the pun of this one. In this post, we create a moon phase visualizer with a date picker and everything!
Speed up your Vue app: The most unexpected and perhaps silliest way π€ͺπ
The Vue docs say it's equivalent, but it's actually not. Find out how omitting v-model can speed up your app! You probably shouldn't, though.
Create functional noise patterns with Academy award winning Ken Perlin ππ²
Standard random noise isn't exactly the prettiest. Sometimes, we want randomness but not too much randomness. This article explains how Perlin Noise works: An algorithm to create noise that can be used for all kinds of things!
Funny Hat Day! ππ© How to do face detection with your webcam and JavaScript πΈπ§
This post lets you wear funny hats with the help of JavaScript and a face-detection library! ML isn't just for Python anymore, and this post shows you how to use the library to leverage machine learning in the browser!
Two years of dev.to - let's celebrate with a "Dance Dance Revolution" clone! ππΊπ
I just had to... This post celebrates my two-year writing career at dev.to and I've built a "Dance Dance Revolution" clone to play in the browser!
dev.to codes! Collaborative coding experiment: The most liked comment picks the next line of code, day 1
A social experiment inspired by Reddit. For some days, dev.to members have commented and voted for the next line of code in a program that ultimately turned out to be actually something usable!
I asked ChatGPT to draft a four-hour agile retrospective - here's how it went π¦Ύπ¬
Can AI replace an agile coach? No, but it can help to craft valuable workshops. This post contains my process and learnings while preparing and holding an agile retrospective with the help of ChatGPT.
Use ALL the Features: How To Create a Fancy Password Input With Vue3 πβ
Another Vue-related post: How do you create a multi-password input with Vue3 that does automatic validation, contains feedback for the user, and has a simple interface? This article explains how!
I wrote a book on CSS Grid - Here's how! ππ‘
If you follow me on social media, you might know I've written a book about CSS Grid. This post explains how I've done it and what I've learned.
β οΈ Don't try this at home: A CMS written in Bash ONLY??
Last but not least, I've done another thing I probably shouldn't have: A CMS entirely written in Bash. I used some SQL for the data storage, but even that was done via the SQLite CLI. Please don't use it in production, though.
And that's it so far! Many more posts are in the pipeline, and I plan to update this profile more often, so stay tuned! And as always, never stop learning and stay curious!