Drifting Ruby

Cropping Images with JCrop

#77 Apr 23, 2017 free

Extend your image upload functionality with JCrop. Learn to redirect the user to a crop page once they have uploaded their image and save versions of the cropped images.

rails form javascript upload

Capturing Signatures with Signature Pad

#44 Aug 28, 2016 free

Using the Javascript Library, Signature Pad, learn how to capture user signatures and store them within your Ruby on Rails application.

rails javascript view

WYSIWYG Editor with Summernote

#27 May 2, 2016 free

Integrate Summernote WYSIWYG Editor into your application. Learn how to use AJAX callbacks to filestore your images instead of database Base64.

rails wysiwyg view ajax javascript

Client Side Validations

#32 Jun 6, 2016 free

Give early warning to users of form errors before they submit. With client side validations, the user can correct any errors prior to submitting the form.

rails view javascript

From jQuery to ES6

#218 Dec 1, 2019 free

jQuery has been a great tool for many years, but we've seen a transition in the past years where applications have dropped jQuery and moved to vanilla javascript. In this episode, we look at some common jQuery examples and the ES6 equivalencies.

javascript es6 jquery

Infinite Scrolling

#29 May 16, 2016 free

Infinite scrolling is now a common feature and there are several cases where it is really useful. For instance there are some websites where we simply can’t imagine a good pagination system, like Twitter or even Facebook.

rails view javascript

Javascript Select Form Fields with Chosen

#76 Apr 16, 2017 free

Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly. Learn how to use Chosen in a few different ways in this episode; Rails form builder and Simple Form.

rails form javascript ajax view

Charts and Graphs

#55 Nov 21, 2016 free

Learn how to use one of three charting libraries, Chart.js, Highcharts, or Google Charts, using the Chartkick gem to create simple and unobtrusive charts in your application.

rails javascript view

Hotwire

#275 Dec 23, 2020 free

Hotwire is the newest magic which takes a different approach to building modern web applications without using much JavaScript.

javascript rails stimulusjs

Importmaps in Rails 7

#312 Sep 5, 2021 free

Import maps let you import JavaScript modules using logical names that map to versioned/digested files – directly from the browser. This will be a default in the upcoming Rails 7.

javascript rails 7.0 assets

View

Episodes

Sort

Tags

Cropping Images with JCrop

Capturing Signatures with Signature Pad

WYSIWYG Editor with Summernote

Client Side Validations

From jQuery to ES6

Infinite Scrolling

Javascript Select Form Fields with Chosen

Charts and Graphs

Hotwire

Importmaps in Rails 7

Learning Paths

Video Logs new

Blog

Merchandise new

View

Episodes

Sort

Tags

Cropping Images with JCrop

Capturing Signatures with Signature Pad

WYSIWYG Editor with Summernote

Client Side Validations

From jQuery to ES6

Infinite Scrolling

Javascript Select Form Fields with Chosen

Charts and Graphs

Hotwire

Importmaps in Rails 7