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...
•
2577 reads
Category
Web Design
Web design is about solving problems for users in mind inside the ecosystem known famously as the world wide web. Today designs can no longer static but scaleable. More attention is paid to function over form though when successfully combined many designs stand apart from the rest as well-executed pieces of art. Tools, trends, techniques and more are all part of the discussion.
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...
•
4700 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...
•
2516 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...
•
5696 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...
•
25202 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...
•
8466 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...
•
2574 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 ...
•
11894 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...
•
2532 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 ...
•
10688 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...
•
13072 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...
•
4997 reads