View Transitions API
Play
18:17 CC

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.

Custom Dashboard - Part 1
Play
43:14 CC

Custom Dashboard - Part 1

#432 Dec 10, 2023 pro
In this episode, we'll look at creating the initial management for a customizable dashboard. Users can add and arrange widgets to their dashboard.

Limiting Text Input
Play
18:41 CC

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.

Chart.js
Play
21:24 CC

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.

Tokenized Search
Play
34:14 CC

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.