Code comments allow for adding human readable text right next to the code: notes for other developers, and for your...
Heads up: transparent is not a real color, but black with 0% opacity. In transparent gradients, this adds some gray...
We can use ActiveRecord's where to add conditions to a relation. But sometimes our condition is not on the...
You can use the CSS property mask-image to define an "alpha channel" for an element. E.g. to let an...
PostgreSQL and ActiveRecord have a good support for storing dynamic attributes (hashes) in columns of type JSONB. But sometimes you...
Debugging image color profiles is hard. You can't trust your eyes in this matter, as the image rendering depends...
SimpleScreenRecorder I recommend simplescreenrecorder, it produces an adequate output with only a few clicks. The audio recording contained some...
A primer on vector graphics For rastered image formats like JPG or PNG, each pixel is basically drawn on a...
There is a practical short list for valid/invalid example email addresses - Thanks to Florian L.! The definition for valid emails...
Rails uses a CSRF token in forms and AJAX requests to verify a user request. Internally it compares the injected...
Normally, Rails handles encryption and signing of cookies, and you don't have to deal with the matter. Should you...
When using Chrome for Selenium tests, the chromedriver binary will be used to control Chrome. To debug problems that stem...
The main benefit of our convention to prefix commits by their corresponding Pivotal Tracker ID is that we can easily...
Example (broken in IE): flex: 0 1 calc(50% - 20px) Workaround: flex-basis: calc(50% - 20px) flex-grow: 0 // Default...
Within a Flexbox layout, there are multiple CSS attributes that may affect a child's basis (the initial width before...
Element finding is a central feature of Capybara. Since #find is normally used to get elements from the current page...
Jasmine has long standing support for writing asynchronous specs. In days gone by we used the done callback to achieve...
Cucumber up to version 2 had a neat feature called Step Argument Transforms which was dropped in favor of Cucumber...
jQuery has a function $.fn.trigger(). You can use it to dispatch an event on a jQuery object: let $element = $('.foo...
Over the years we have tried several solution to have vector icons in our applications. There are many ways to...
To keep JavaScript sources small, it can sometimes make sense to split your webpack bundles. For example, if your website...
Was ist Elastic? Suchmaschine, basierend auf Apache Lucene größtenteils Open-Source einige kommerzielle Features ("Elastic Stack", früher "X-Pack") Zugriffsrechte...
PostCSS is a tool for transforming styles with JS plugins. In Webpacker you can configure the plugins and their settings...
min-width is known as a CSS property that can be set to define a least width for an element...