If you ever talked to ChatGPT, you know how boring it can be. But even with a carefully crafted prompt, it won’t be as accurate as if you fine-tuned the model on a specific question/answer dataset. If you’ve seen the film Her with Joaquin Phoenix and Scarlett Johansson you know…

I always wondered what car mechanics did when they plugged in their laptops to my car and were immediately able to see the issue. This week I decided to get to the bottom of this and build my own AI Assistant, essentially a personal car mechanic I can have a…

Ever since I tried ChatGPT and GPT-3, everything else feels painfully dumb and useless: Siri, Alexa, Google Home and all other “smart” assistants. Here’s the shocking thing: you can build your own in less than an hour! My other AI Assistant To demonstrate how you can use assistants like this for other use-cases, I…

A detailed analysis of my experience using Open AI’s ChatGPT tool to create code — Intro ChatGPT sounds too good to be true, so let’s ask it to write some JS code for us. I want to see if it can tackle tasks I do on a daily basis as a front-end dev. Let’s get straight into it and try to break this thing! :) Building a Modal in React Although…

Last week, we took a look at CSS Counters and how we can use them to count elements on the page and dynamically assign ordinal numbers to them: 1st, 2nd, 3rd, nth … Generating Dynamic Ordinal Numbers with just CSS To understand CSS Counters and what we can use them for, what the possibilities and also limitations are, let’s look at…matemarschalko.medium.com To see how far we can push this idea, let’s build a webshop shopping basket where we automatically calculate the price of…

To understand CSS Counters and what we can use them for, what the possibilities and also limitations are, let’s look at an interesting challenge: try and count DOM elements on the page and label them with dynamically generated ordinal numbers! To start counting we need a few elements on the…

No React, no Vue.js? Is it possible to build a modern front-end app with components, state management, theming, and inheritance? — No React, no Vue.js, no Angular, no jQuery? Is it possible to easily build a modern front-end application with components and state management following all the best practices with just plain old vanilla JavaScript and using classes, inheritance, and adding more advanced architectural patterns like a store and a reducer?

The animated CSS clocks showed us that we can use calc() and CSS for pretty complicated animations and calculations and we have learned a lot from these examples, however, the real-world use of an analog clock may be questionable. …

Let’s build a simple form and look at all the HTML and CSS validation techniques we can use and then even submit the form! — Last week we built an advanced input field that was interactive and animated and even included some self-validation and we used no JavaScript at all! The focus was mainly on the mouse and keyboard interactions and styling depending on validation states. But we can do much more than that!