In this tutorial, we will create a simple, reusable countdown widget using ES6 classes in JavaScript. The widget will accept options as parameters, allowing for flexibil...
394 reads
In this tutorial, we will create a simple, reusable countdown widget using ES6 classes in JavaScript. The widget will accept options as parameters, allowing for flexibil...
394 reads
Adding a gradient to a container is relatively straightforward with Tailwind CSS utility classes, but what happens when you want to address just the border? In this ar...
796 reads
In this tutorial, I'll show you how to add Geolocation support to a search form using Ruby on Rails and Stimulus.js
By integrating geolocation capabilities, users can...
1032 reads
This is a super quick tutorial to show you the new ViewTransition API that ships with Turbo 8, which was released recently.
View Transitions are a neat way to add mor...
2480 reads
Creating a responsive navigation bar is crucial for any website, and Tailwind CSS offers a streamlined, utility-first approach to achieve this.
This guide will walk y...
17766 reads
In this Tailwind CSS tutorial, we'll explore how to add an interactive, mouse-tracking glow effect to web elements using just JavaScript and Tailwind CSS. This simple ye...
3419 reads
In this guide, my goal is to help you showcase the popularity of blog posts by adding real-time likes as a polymorphic feature to your Rails app using [hotwired.dev](htt...
1337 reads
If you are an avid Tailwind CSS user like myself, you probably landed here to learn how to make better use of Tailwind CSS for a more complex ...
9548 reads
It's that time again. My annual coding setup for 2022 is here. In previous years I've outlined a similar set of tools, software, and extensions since I get asked about t...
1608 reads
If you have followed me for some time you might remember a series I did on Ruby on Rails titled “Let’s Build”. These guides were a “learn in public” exercise I tasked ...
8028 reads
In this guide, we take a look at creating button components using Tailwind CSS. Combined with PostCSS we can craft custom component-based classes that group Tailwind CSS...
11431 reads
In this guide, I create a series of Tailwind CSS card components inspired by the Bootstrap framework. The amount of variants you can create f...
3785 reads