Carrierwave's BaseUploader can have some validations that you can use by overriding a certain method, which's expected name...
Sometimes I ran across a GitHub merge request of a gem where it was not completely obvious in which version...
The linked article found a simple way to rewrite legacy git aliases to make them work with differently named default...
Usually, design development starts with drafts, sketches and prototypes. These are reviewed, refined and iterated until the final design is...
We usually rely on VCR and WebMock to prevent any real network connection when running our unit tests.
You have some SVG files you want to use as icons on your website. How would you embed them?
In esbuild, you usually import other files using relative paths: import './some-related-module' import `../../utils/some-utility-module` import `../../../css/some-css.sass` This is totally fine...
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...
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...