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...

getbootstrap.com

Recently I made an upgrade from Bootstrap 3 to Bootstrap 4 in a bigger project. Here are some tips how...

makandra dev

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...

Headless Chrome is a way to run the Chrome browser without a visible window. Configuring Capybara Configure the Capybara driver...

makandra dev

Feature Queries (Edge 12+): Similar to @media queries, @supports blocks can be scoped to browsers that support a given declaration...

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...

makandra dev

If you have a Ruby Pathname, you can use the method :/ to append filepaths to it. With this method, Ruby...

CSP hat zum Ziel einen Browser-seitigen Mechanismus zu schaffen um einige Angriffe auf Webseiten zu verhindern, hauptsächlich XSS...

makandra dev

# Basic HTML example # Javascript API (notable methods and properties) video = document.querySelector('video') video.play() video.pause() video.load() // Reset to the beginning and...

makandra dev
github.com

If you render markdown from user input, an attacker might be able to use this to inject javascript code into...

We use CarrierWave in many of our projects to store and serve files of various formats - mostly images. A common...

Embedding videos on a website is very easy, add a tag to your source code and it just works...

github.com

Because colors improve readability so much. On Ubuntu 18.04 you can install it with sudo apt install grc

developer.mozilla.org

Heads up: transparent is not a real color, but black with 0% opacity. In transparent gradients, this adds some gray...

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...

makandra dev

A primer on vector graphics For rastered image formats like JPG or PNG, each pixel is basically drawn on a...