Event listeners are called in the order of their registration: button.addEventListener('click', () => console.log("I run first")) button.addEventListener('click', () => console.log("I...

This card describes two different setups that help restore data in case of a data corruption incident during a deployment...

I have a form with a dynamic number of fields. Submitting it worked fine until I tried out a very...

The :test adapter doesn't respect limits_concurrency configuration. Switch to :solid_queue adapter in your test to verify blocking...

makandracards.com

Added a section about remote debugging.

makandra dev

If you use the selenium-webdriver gem, it will sneakily phone home once every hour whenever you run a browser...

makandra dev

Most of our CI pipelines don't use the --retry flag for Cucumber and instead build their own retry via...

Short reference on how to quickly debug the vanilla Rails job adapters. Queue Adapters by Environment Environment Adapter

I recently had to update a few selective npm libraries in a project that uses pnpm to apply a CVE...

Sometimes you have a maintenance script where you want to iterate over all ActiveRecord models. Rails provides this out of...

When creating a database table for a join model without further importance, you can use Rails' create_join_table:

When you query the browser for DOM elements, there are some footguns you should know about. Some lists are synchronized...

makandra dev
maketintsandshades.com

A simple web tool for generating lighter (tints) and darker (shades) versions of any HEX color value. Tip

Finding changes When you're looking for a specific change in Git, there are multiple axes you can choose:

When you replace parts of the DOM with new HTML, using .innerHTML = newHtml is usually the simplest and fastest option...

Compatibility: Angular 20+ with Jasmine 5.x and Karma 6.x As a default Angular CLI auto-generates test bootstrap...

You want to prevent input to a form field, but all the solutions have side effects: The [readonly] attribute is...

developer.chrome.com

The File System Access API is a new capability of modern browsers that allows us to iterate over selected folders...

Most of the time, it's a good default to add a unique index on the foreign key when using...

Full-text search can reach its limits in terms of flexibility and performance. In such cases, trigram indexes (pg_trgm...

unpoly.com

Quick reference for passing data from Rails to JavaScript via Unpoly compilers. Haml Attribute Syntax # Ising hash rockets and string...

unpoly.com

Quick guide for frequently used compiler selector patterns of Unpoly. 1. BEM Component Pattern When: Reusable UI components with multiple...

Performing COUNT(*) on large tables is slow. Sometimes you don’t need the exact number once results exceed a certain...