Drifting Ruby

Form Input UX

#428 Nov 12, 2023 pro

In this episode, we'll focus on the user experience (UX) of form inputs by adding formatting of the text as the user inputs the data.

rails form ux stimulusjs

Unsaved Changes

#423 Oct 8, 2023 pro

In this episode, we'll look at creating a stimulus controller that will alert the user if there are unsaved changes on a form before they navigate away from the page or reload the site.

rails stimulusjs form

Forecasting Data

#416 Aug 27, 2023 pro

In this episode, we will look at a date range of data and build predictions of what future values will be. However, we won't be reaching for any 3rd party APIs, but instead use statistical models to learn from our data to predict the future dates. We'll also display out our data on a table and plot it to a graph.

rails chart stimulusjs javascript

Masked Fields

#403 May 28, 2023 pro

Learn to create a reusable Stimulus controller to be able to toggle fields so that we can hide sensitive information from prying eyes, screenshots or when sharing our screen.

rails stimulusjs security javascript

Tokenized Search

#401 May 14, 2023 pro

Creating an interactive search can be a daunting task. In this episode, we look at creating a "tokenized search" feature within our Rails application which is similar to what you'd find within New Relic or Kibana.

rails search stimulusjs javascript

View Transitions API

#397 Apr 16, 2023 pro

The View Transition API makes it easy to change the DOM in a single step, while creating an animated transition between the two states. Currently, it's available in Chrome 111 and Microsoft Edge. In this episode, we'll create a stimulus controller to interact with this new UX.

rails stimulusjs view

Chart.js

#393 Mar 19, 2023 pro

Chart.js is a simple yet flexible JavaScript charting library for the modern web. In this episode, we look at creating a Stimulus controller around Chart.js. We'll also look at making the chart interactive by adding zoom and pan functionality.

rails chart stimulusjs

TailwindUI Calendar

#383 Jan 8, 2023 pro

The TailwindUI library provides static styled HTML examples, but this can be difficult to translate into a Rails application. In this episode, we take a look at one of the calendar examples and make it interactive with displaying days that have events as well as returning events on selected days.

rails tailwind turbo stimulusjs hotwire

Liquid Templates

#358 Jul 17, 2022 pro

Using Stimulus and Liquid, we can create real time previews of the Liquid Template Renderer. Liquid provides a markup language that is a safe, customer facing template language for flexible web apps.

rails view stimulusjs

Limiting Text Input

#350 May 22, 2022 pro

User experience is important and there are little things that we can do to help improve this experience. By giving real time feedback on text inputs to approaching limits on fields, the user can modify and update their text accordingly before they submit the form. In this episode, we look at database level, model validations and limiting text input on the client side.

rails validations database stimulusjs

View

Episodes

Sort

Tags

Form Input UX

Unsaved Changes

Forecasting Data

Masked Fields

Tokenized Search

View Transitions API

Chart.js

TailwindUI Calendar

Liquid Templates

Limiting Text Input

Learning Paths

Video Logs new

Blog

Merchandise

Forums new

View

Episodes

Sort

Tags

Form Input UX

Unsaved Changes

Forecasting Data

Masked Fields

Tokenized Search

View Transitions API

Chart.js

TailwindUI Calendar

Liquid Templates

Limiting Text Input