Design Previews for Ruby on Rails
How to easily design in code and compare designs side by side in Ruby on Rails applications.
Dec 18, 20256 min read
Command Palette
Search for a command to run...
Latest articles
Turbo View Transitions in Rails
I'm trying to improve my design engineering and have been practicing and looking for opportunities to flex and grow. One of my favorite new techniques is View Transitions, a simple way using CSS to animate transitions between states of the view, whet...
Feb 15, 20247 min readTurbo Sortable Paginated Tables
We're going to build a common UI pattern: a sortable, paginated table using the power of Ruby on Rails and Turbo Frames. Sortable Table Headers The first step is to create the sortable table headers as simple links. I wrote a few helper methods in Ru...
Feb 5, 20245 min readTurbo Frame Search Filters
A common pattern is having a search form that filters a list of items. That's what we're going to build now with a minimal amount of code using Turbo Frames and Stimulus. Here's what it will look like in the end. We've got a bunch of jobs, each with...
Jan 25, 20246 min readTurbo Frame Slide Over
Another common UI pattern is a slide over. This is a modal that slides in from the side of the screen. It's really easy it turns out to implement this with a Turbo Frame. Let's do it. Step 1: The Slide Over Turbo Frame First, we need to create a Tur...
Jan 14, 20244 min readRails Nested Forms with Turbo Streams
A common UX pattern is to have a form with the ability to add and remove nested records. For example, a form for a blog post might have a section for adding tags. The user can add as many tags as they want, and remove tags they no longer want. For s...
Jan 12, 20243 min readTurbo Drag and Drop: Part 2 - Refactor Turbo Frames
In the previous post we built a common UI pattern of a button that reveals a form and on submitting the form, adds the newly created item to a list. We implemented the new playlist functionality using Turbo Frames and just a little bit of Javascript ...
Oct 3, 20233 min read
Turbo Forms & Drag and Drop in Ruby on Rails: Part 1
Much like the Drag and Drop Uploader I built, I've been finding that you don't need to use JS plugins to build a lot of common functionality these days. It is easier to just roll your own solution. The DOM API is modern and easy to use. In this serie...
Sep 12, 20236 min read
Building a Magic Login Link in Rails
A popular feature in applications is the ability to request a magic link to your account's email address that will log you into the application without a password. I guess it's known as passwordless login or magic links. After adding the reset passwo...
Sep 2, 20234 min read