Sign in Subscribe

Arthur

Arthur

Hi, I am Art. I am a fullstack engineer. I have been working on the web professionally since 2000, and unprofessionally since 1998 when I made my first web page.

Mind-Blowing CSS Trick: Coding Effect Without JS!

Mind-Blowing CSS Trick: Coding Effect Without JS!

Yesterday, I stumbled upon an incredible code snippet that I couldn't keep to myself! It creates the illusion of typing code using nothing but pure CSS and HTML—no JavaScript required. Normally, I'd reach for JavaScript to achieve this effect, but this snippet proves that CSS

Docker Upgrade Broke My App
— Here’s How I Fixed It

Docker Upgrade Broke My App — Here’s How I Fixed It

I recently upgraded to the latest version of Docker, and suddenly, my app stopped working. When I tried running docker-compose, I got an error saying the command couldn't be found. A quick search revealed that Docker now requires docker compose (with a space) instead of docker-compose. After fixing

Why Context Matters When Using AI for Programming

Why Context Matters When Using AI for Programming

AI is an incredible tool for generating and fixing code, but it’s only as good as the context it’s given. When asking an AI to generate a function or fix one, the surrounding components of the system—such as data structures, APIs, dependencies, and external functions—are crucial

Migrating from Bootstrap to Tailwind CSS

Migrating from Bootstrap to Tailwind CSS

Apologies for the misleading title—while I set out to document my migration from Bootstrap 5 to Tailwind CSS, this post ultimately highlights another case where ChatGPT falls short. I started by asking ChatGPT for a step-by-step guide to migrate my project. As expected, it provided a seemingly straightforward plan:

Using Web Sockets to overcome Chrome Tab Freezing

Using Web Sockets to overcome Chrome Tab Freezing

With Chrome 133, Google is taking a step forward in energy efficiency by freezing inactive, CPU-intensive tabs when Energy Saver mode is active. While this is great for battery-conscious users, it can disrupt background processes like notifications, file uploads, or real-time updates. So, how do you adapt to these changes

Simple 1-Minute Guide to add a Back-to-Top Button with Vue 3

Simple 1-Minute Guide to add a Back-to-Top Button with Vue 3

Adding a "Back-to-Top" button to your Vue 3 app can significantly improve user experience, especially on long pages. This button remains hidden until the user scrolls down a specified distance, then smoothly scrolls them back to the top when clicked. What Makes It Great? * Scroll Detection: Monitors window.

Add a Voice Search to your Nuxt3 App in 6 Easy Steps

Add a Voice Search to your Nuxt3 App in 6 Easy Steps

In a world dominated by "Hey Siri" and "Okay Google," integrating voice search into your web application isn’t just an option—it’s a necessity. Imagine enabling your users to interact with your Nuxt 3 app hands-free, providing a seamless and futuristic experience. By leveraging