Sometimes you want to load code on demand. For instance, when a a large library is only used on a...
Webpack builds can take a long time, so we only want to compile when needed. This card shows what will...
The attached article examines what the percent unit (%) is relative to in CSS The article does a great job of...
I use the TypeScript compiler for this, since its output is more minimal than Babel's. The following will transpile...
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.