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...
Webpacker is Rails' way of integrating Webpack, and version 4 has been released just a few days ago, allowing us...
Today's cameras create huge images, some beyond 50MB. Unless you need to offer this large files, you should always...
Class-level process definitions are only applied to the original file Versions are generated based on the processed original file...
Carrierwave includes some handy helper methods you can use to resize your images. Here is a quick summary of them...