When you have a hex color code, you can easily convert it into its RGB values using plain Ruby.
When your Rails application server raises error, Capybara will fail your test when it clears the session after the last...
Browsers blocks abusable JavaScript API calls until the user has interacted with the document. Examples would be opening new tab...
By default parallel_tests will spawn as many test processes as you have CPUs. If you have issues with flaky...
Insomnia is a GUI tool to help you communicating with an API. There are also other tools to do this...
Recently I made an upgrade from Bootstrap 3 to Bootstrap 4 in a bigger project. Here are some tips how...
Rails 6 includes a WYSIWYG editor, Action Text. It works out of the box quite well, but chances are that...
There are several tools for DNS debugging which offer you more or less information. Most of the time the more...
Rails supports alert and notice as default flash types. This allows you to use these keys as options in e.g...
I just finished migrating a project from the Asset Pipeline to Webpacker, this is what my diff to master looks...
Feature Queries (Edge 12+): Similar to @media queries, @supports blocks can be scoped to browsers that support a given declaration...
When deploying a Rails application that is using Webpacker and Capistrano, there are a few configuration tweaks that optimize the...
While both the alt attribute and the figcaption element provide a way to describe images, the way we write for...
IRB 1.2 (shipped with Ruby 2.7, but works on 2.5+) brings pretty syntax highlighting and multiline cursor navigation. However, pasting...
This card is mainly an explanation how variable fonts work in CSS, not necessarily a recommendation to actually use them...
Git diffs show the surrounding contexts for diff hunks. It does so by applying regular expressions to find the beginning...
The linked article compares two approaches for writing CSS: A component library (like BEM) Utility classes (like Tailwind)
CSS variables are very different from preprocessor variables. While preprocessors use variables to compile a static piece of CSS, CSS...
Learn how to create offline applications with service workers. The amazing power of service workers Writing your first service worker...
Chrome has a built-in utility to check performance and accessibility (and more) of your web app: Lighthouse.
You can do this per environment, e.g. in config/webpack/test.js: const environment = require('./environment') const config = environment.toWebpackConfig() config.devtool = 'none' module.exports = config
If you have a Ruby Pathname, you can use the method :/ to append filepaths to it. With this method, Ruby...
We structure our CSS using the BEM pattern. Our naming convention for blocks, elements and modifiers has evolved over the...
If you migrate a Rails application from Sprockets to Webpack(er), you can either transpile your CoffeeScript files to JavaScript...