Sometimes it's nice to have some coloring in your logs for better readability. You can output your logs via...
You can use the CSS property mask-image to define an "alpha channel" for an element. E.g. to let an...
This checklist should help you to check edge cases that are not part of the default Carrierwave configuration.
Debugging image color profiles is hard. You can't trust your eyes in this matter, as the image rendering depends...
A primer on vector graphics For rastered image formats like JPG or PNG, each pixel is basically drawn on a...
This collection contains some useful design resources for developers. Many of them were mentioned in the Refactoring UI tutorials.
As an application exists, data accumulates. While you'll be loosely monitoring the main models' record count, some supportive database...
You can use constraints in your routes.rb to avoid getting ActionView::MissingTemplate errors when wrong routes are called. Instead, the...
When using Chrome for Selenium tests, the chromedriver binary will be used to control Chrome. To debug problems that stem...
CSS transitions are a simple animation framework that is built right into browsers. No need for Javascript here. They're...
This favicon generator will guide you to a perfect set of favicon files, suitable for all devices and situations (browser...
There are several ways to merge two (or more) PDF files to a single file using the Linux command line...
Within a Flexbox layout, there are multiple CSS attributes that may affect a child's basis (the initial width before...
When a user shares your content, a snippet with title, image, link and description appears in her timeline. By default...
webpack is a very powerful asset bundler written in node.js to bundle (ES6) JavaScript modules, stylesheets, images, and other assets...
The goal is to get Jasmine specs running in a Rails project using Webpacker, with the browser based test runner...
Over the years we have tried several solution to have vector icons in our applications. There are many ways to...
If you struggle with a /boot partition that is too small for updates, and you are too intimidated by the...
TL;DR Most web applications do not require action on this. SameSite=None (old browser default) will continue to work...
When delivering non-public uploaded files (images, documents etc), one has to decide whether and how to do authorization. The...
PostCSS is a tool for transforming styles with JS plugins. In Webpacker you can configure the plugins and their settings...
This is a short overview of things that are required to upgrade a project from the Asset Pipeline to Webpacker...
Many mail clients do not support external style sheets. Some even require all styling inline, which means you'll have...
Here is how to make Rome datepicker look like the rest of your Bootstrap 4 application. Rome comes with very...