You have some SVG files you want to use as icons on your website. How would you embed them?
As a developer you may have many tools watching your project for changes: Your IDE, Webpack, Guard, etc. This is...
tl;dr In Chrome DevTools in the Layouts tab you have handy options to debug CSS Flexbox and Grid. Including...
If you need to convert an SVG source to PS or EPS, the most common suggestion on the interwebs is...
When your Rails application offers downloading a bunch of files as ZIP archive, you basically have two options:
The inset CSS property is a shorthand that corresponds to the top, right, bottom, and/or left properties. It has the...
It might sometimes be useful to check whether your Rails application accesses the file system unnecessarily, for example if your...
When you are working with SVG files and ImageMagick you can get different results on different machines depending on which...
This card explains how to generate an entity relationship diagram for your Rails application. We also show how to limit...
This are the steps I needed to do to add esbuild to an application that used the vanilla rails asset...
Attaching files to a field that is handled by Carrierwave uploaders (or maybe any other attachment solution for Rails) in...
Table Of Contents Flexbox wrapping Spacing Long content Prevent an image from being stretched or compressed Lock scroll chaining
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...
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.