#73 Hovercards with Hotwire Turbo Frames
14/04/2022
Free
Learn to build lazy-loading github-styled hovercards(tooltips) with Hotwire Turbo Frames. Great example of using lazy-loading feature of turbo_frames.
Blogpost: https://blog.corsego.com/hotwire-hovercards
Episode source code: https://github.com/corsego/73-turbo-frame-hovercards/commit/99e270c9aee903c69dc37d946eddb3accb4eb188
0:00 Final app demo
1:35 HTML details tag
4:00 Load on open dropdown
9:03 My cat!
9:15 Load on hover
12:30 Customize CSS
13:15 Make links work
0
Sign in to join the conversation
Recommended based on what you are watching now
![#168 Mobile footer navigation](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjI4MiwicHVyIjoiYmxvYl9pZCJ9fQ==--46fa00188f8bb4b3a426cfaa247d50f6a9b3a64c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)
06:32
#168 Mobile footer navigation
21/05/2024
Free
![#40 Devise Trackable, Users Index page](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTg4OCwicHVyIjoiYmxvYl9pZCJ9fQ==--b75191503a8d30fc413cb4bb6ef083b8f8535573/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)
06:07
#40 Devise Trackable, Users Index page
21/06/2021
Free
![#150 Global Search](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTk0NSwicHVyIjoiYmxvYl9pZCJ9fQ==--2476c8761d99308f56f56d348eaba4dbd0e2b820/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)
24:29
#150 Global Search
09/11/2023
Free
1
![#08 Stripe API - Update Webhooks and Success URL](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTc5NiwicHVyIjoiYmxvYl9pZCJ9fQ==--c43a842b92b2647961ad021ded45f3b5bfe54a06/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)
13:49
#08 Stripe API - Update Webhooks and Success URL
26/03/2021
Free