Most browsers have built-in drag and drop support for different page elements like text and images. While this may...
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...
Feature Queries (Edge 12+): Similar to @media queries, @supports blocks can be scoped to browsers that support a given declaration...
While both the alt attribute and the figcaption element provide a way to describe images, the way we write for...
Generated Photos produces AI-generated face images. This is useful for UI mockups where you don't want to show...
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...
If you have a Ruby Pathname, you can use the method :/ to append filepaths to it. With this method, Ruby...