Webcrunch is a publication for the independent web developer, designer, entrepreneur, and maker who aspires to solve many of their own problems with design + code.
We create:
We learn and love teaching others using well crafted and inspiring content.
We take no shortcuts in crafting a more complete tutorial than you might find in the wild.
Our articles often have an accompanying video. We appreciate both written and visual mediums.
Groups of tutorials are collections. Enjoy a series of tutorials to better learn a concept.
✨ Latest post
Today, I’m diving into a topic that often goes unspoken but is crucial for anyone venturing into the world of web development: "The Unwritten Rules of Web Development." ...
182 reads
I'm excited to announce that my new course, Hello Hotwire, is live!
Hello Hotwire is a free course with optional premium build-alongs for developers who want to ...
247 reads
.jpg)
The Turbo Rails progress bar is a subtle yet powerful feature that enhances user experience by providing visual feedback during page loads.
By default, it appears as...
575 reads
If you want to enhance your user experience by ditching passwords in favor of magic links, you’ve come to the right place. In this tutorial, I walk through how to implem...
553 reads
ViewComponent is a powerful gem that allows you to create reusable, testable, and encapsulated view components in Ruby on Rails applications.
[ViewComponent](https:/...
658 reads
In this tutorial, we will create a simple, reusable countdown widget using ES6 classes in JavaScript. The widget will accept options as parameters, allowing for flexibil...
438 reads
Turbo Frames and Turbo Streams are tools in Hotwire that enhance web app performance and interactivity. This video compares their functionalities, use cases, and impleme...
677 reads
Using Turbo from the Hotwire framework, we can create a nifty feature I'm dubbing "loading buttons." These buttons enhance the user experience by providing real-time fee...
1096 reads
In this tutorial, we will create a simple voting system for books using Ruby on Rails and Hotwire. Hotwire's unique features will help show more dynamic flash messages w...
1999 reads
Adding a gradient to a container is relatively straightforward with Tailwind CSS utility classes, but what happens when you want to address just the border? In this ar...
882 reads
Hotwire is a library that brings real-time functionality to your Rails applications. By integrating Hotwire-enabled comments, you can create a more interactive and immer...
1563 reads
Are you tired of applying for Ruby on Rails jobs without getting any traction? Are you a newbie who wants a foot in the door? I feel you! It's tough out there, but I'm h...
645 reads
A modern course designed to help you start using and understanding Ruby on Rails fast. Coming soon!
A modern course designed to help you start using and understanding Ruby on Rails fast.
Save time and headache designing views, scaffolds, components, and making tough design decisions with the help of Rails UI.