Building a resilient AI Client in Ruby with Stoplight and Ruby_LLM
stoplight gem provides a straightforward way to implement this pattern and build a resilient client, in this article we will use it with ruby_llm to handle AI providers. To see this implementation in action and explore the details, be sure to check out the repository containing the code examples used in this article.
CSS Scroll Snap for Overflow Elements
Creating smooth, native-feeling horizontal tab navigation is essential for modern web applications. CSS Scroll Snap provides an elegant solution that ensures your tabs feel polished and intuitive across all devices, with special attention to mobile touch interactions.
Creating an Accordion Without JavaScript Using the HTML `<details>` Tag
An accordion is a popular UI component that allows you to hide and show content on click. Usually, JavaScript is used to create it, but HTML provides us with a built-in <details> tag that allows you to create a functional accordion without a single line of JavaScript!
Async Modal on Rails with Native <dialog> Element
In this post, I'll show you how to create asynchronous modal windows in Rails using Turbo Frames and the native <dialog> element. This approach combines the power of Rails' Hotwire stack with modern web standards to create smooth, accessible modal experiences without heavy JavaScript frameworks. We'll build a complete example using a login form that loads dynamically and displays in a native dialog with proper focus management and backdrop handling.
