#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
![#RailsWorld opening!](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTkzNSwicHVyIjoiYmxvYl9pZCJ9fQ==--8808ec6f448ede019a921a391b76beddcc044b0c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)
13:46
#RailsWorld opening!
05/10/2023
Free
![#14: Infinite Nested Comments, Embed Vimeo Videos](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTg1NywicHVyIjoiYmxvYl9pZCJ9fQ==--a213e9610a9c24f16f81b6b52a9a1b71bb592547/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)
23:49
#14: Infinite Nested Comments, Embed Vimeo Videos
10/09/2021
Free
![#76 Fontawesome with Importmaps in Rails 7](https://superails.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTc1MiwicHVyIjoiYmxvYl9pZCJ9fQ==--c836113d797acc85082774a94e82dc0177aa0773/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOls0MDAsNjAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--2d7cd3a4d9675c7f4c17dad7856d799792bd3595/maxresdefault.jpg)
07:28
#76 Fontawesome with Importmaps in Rails 7
24/04/2022
Free