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...
•
438 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...
•
882 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...
•
1086 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...
•
2597 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...
•
18398 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...
•
3585 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...
•
1363 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 ...
•
9649 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...
•
1615 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 ...
•
8114 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...
•
11464 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...
•
3801 reads