Full Stack Ruby on Rails Weekly Bookmarks - #41

Mar 15, 2023

ActiveModel::Name is a wrapper around a class that rails uses for model naming conventions. It provides handy methods such as the name of the collection as well as a human readable interpretation of the class name. You can even instantiate it with regular ruby objects!

A taxonomy for alerts and notifications

Is it an Alert, Toast, Callout, Popup, Snackbar, or Notification?

Merging vs. Rebasing | Atlassian Git Tutorial

Compare git rebase with the related git merge command and identify all of the potential opportunities to incorporate rebasing into...

Steve Polito @stevepolitodsgn

I just moved my personal website from Gatsby to Jekyll. Why? Because Jekyll is so simple and “boring” that it allowed me to focus on more exciting aspects that I wanted to explore. 📸 Automatic open-graph image creation ✅ Tests to check for a11y violations and broken images

How to Find, Debug and Fix N+1 Queries in Rails

Fixing N+1 issues is often the lowest-hanging fruit in optimizing a Rails app performance. However, for non-trivial cases choosing a...

The Web Needs a Native .visually-hidden

For years, developers have passed around a set of styles like a magic incantation. It's time we made it a...

Pradeep Pandey @Div_pradeep

HTML Tip 💡 You can make an element movable by setting up the attribute 'draggable' to true.

Relearn CSS layout

If you find yourself wrestling with CSS layout, it’s likely you’re making decisions for browsers they should be making themselves....

Some simple ways to make content look good - Set Studio

Something non-designers understandably struggle with is how to make things look good. One of those things is long form content...

Alamin @iam_chonchol

Learn CSS Grid in one thread. ➼ Animated tutorial makes CSS GRID learning easier.

Create a Direction Aware Hover Effect Using CSS :has() Selector

A practical guide on how you can build a pure-CSS direction-aware hover effect for your navigation menu bar using :has()...

Stimulus Nested Forms | Ruby on Rails 7 Tutorial

Today we take a look at a Stimulus implementation for nested forms in Ruby on Rails 7. It's a bit...

Corey Haines @coreyhainesco

A collection of 12 mental models, frameworks, and principles you can use to market your SaaS:

Perfect Homepage Design Explained (in 15 minutes)

Join my private training platform for web designers:https://www.paitpro.com. Perfect Your Web Designs With Thes...

Stubbles - Stubbing and Doubles innit. 🧔

Confession: I’ve always struggled to understand the difference between stubbing and doubles…

Andrea 👨‍🍳 @ilrock__

🌶️ Hotwire tip 21/30 🪄 Searchable dropdown input Thanks to @nuckdev for suggesting today's topic. We're building a searchable dropdown input. We want to have a dropdown with an internal search bar for the available options. This is how you can get it done👇

Avoiding UI Regressions With Jest

How can you ensure that a modification on a component won't break the responsiveness on the user...

Understanding the Rails Router: Why, What, and How

The router is the entry point of your Rails application. It acts as the gatekeeper for all incoming HTTP requests,...

Andrea 👨‍🍳 @ilrock__

@bjessbrown At a company I worked at in the past we used to do something like this to automatically switch db when working on different branches. It's probably not something everyone should do. There we were in an exploratory phase where the schema would change wildly between branches

How to click links in Rails Mailers when writing tests

When writing an integration or system test in Rails, have you ever needed to click a link in an email?...

Mastering PostgreSQL Views and CTEs for Rails Developers: A Comprehensive Guide

Introduction Views and Common Table Expression or CTE are two important concept in...

Andrea 👨‍🍳 @ilrock__

🌶️ Hotwire tip 22/30 🪄 Real time notifications Today we're building a simple real time notification system using Hotwire and the noticed gem. Users can follow each other and receive notifications when they get followed. This is the end result and how you can get it done👇

Assign a default value to an attribute in Active Record

You’ve probably been using callbacks. Don’t.

A journey towards better testing practices

Testing anti-patterns I learned to stay away from over the years.

16 little UI design rules that make a big impact

A UI design case study to redesign an example user interface using logical rules or guidelines