Recently I made an upgrade from Bootstrap 3 to Bootstrap 4 in a bigger project. Here are some tips how...
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...
Feature Queries (Edge 12+): Similar to @media queries, @supports blocks can be scoped to browsers that support a given declaration...
While both the alt attribute and the figcaption element provide a way to describe images, the way we write for...
IRB 1.2 (shipped with Ruby 2.7, but works on 2.5+) brings pretty syntax highlighting and multiline cursor navigation. However, pasting...
If you have installed Rubocop in your project, RubyMine can show you Rubocop violations immediately in your editor. You probably...
You need to install the official plugin, it is not bundled with RubyMine by default. Example: Setup a watcher...
Generated Photos produces AI-generated face images. This is useful for UI mockups where you don't want to show...
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...
When you use Sentry to monitor exceptions, an important feature is Sentry's error grouping mechanism. It will aggregate similar...
Chrome has a built-in utility to check performance and accessibility (and more) of your web app: Lighthouse.
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...
We use Sentry to be informed about different kinds of issues. One of the key features is that you are...
"Open-source software (OSS) is great. Anyone can use virtually any open-source code in their projects." Well, it depends...
# Basic HTML example # Javascript API (notable methods and properties) video = document.querySelector('video') video.play() video.pause() video.load() // Reset to the beginning and...
If you render markdown from user input, an attacker might be able to use this to inject javascript code into...
Speaker today is Henning Koch, Head of Development at makandra. This talk will be in German with English slides.
We use CarrierWave in many of our projects to store and serve files of various formats - mostly images. A common...
Chrome allows you to throttle the Network and the CPU. Both settings are useful to measure the performance of you...
When we write a form with date fields, we often use graphical data picker like Rome to get a consistent...