ImageMagick can convert SVGs to raster image formats. Example for PNG: convert input.svg output.png If the SVG has a...
A flaky test is a test that is often green, but sometimes red. It may only fail on some PCs...
Basic validations Read the Rails Guide on ActiveRecord Validations. You should have an overview which kinds of validations are built...
We had a card that described how to install multiple mysql versions using mysql-sandbox. Nowadays with the wide adoption...
You can scale background images in CSS to the container size using background-size (Demo). Commonly, we use contain or...
When using custom properties in your stylesheets, you may want to set a specific property value to an existing variable...
Accessing other repositories in Gitlab CI is not straight forward, since the access rights of the current pipeline might not...
When giving a presentation where you do some coding, the font size you usually use is probably a bit too...
When storing files for lots of records in the server's file system, Carrierwave's default store_dir approach may...
When deleting a record in your Rails app, Carrierwave automatically takes care of removing all associated files. However, the file...
Webpack builds can take a long time, so we only want to compile when needed. This card shows what will...
To attach files to your records, you will need a new database column representing the filename of the file...
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...
We had the issue, that a VCR spec failed, after updating CarrierWave from version 0.11.0 to 1.3.2. In this version...
CarrierWave comes with a set of default configuration options which make sense in most cases. However, you should review these...
If your project depends on an old version of ImageMagick that you can no longer install in your system, you...
Recently I made an upgrade from Bootstrap 3 to Bootstrap 4 in a bigger project. Here are some tips how...
I just finished migrating a project from the Asset Pipeline to Webpacker, this is what my diff to master looks...
In long diffs, it can become impossible to spot small changes in larger blocks of moved code. This may be...
Headless Chrome is a way to run the Chrome browser without a visible window. Configuring Capybara Configure the Capybara driver...
Feature Queries (Edge 12+): Similar to @media queries, @supports blocks can be scoped to browsers that support a given declaration...
CSS variables are very different from preprocessor variables. While preprocessors use variables to compile a static piece of CSS, CSS...
A flat folder structure can be cool if you have only a few folders but can be painful for huge...