Some users might use Adblock Plus or similar browser plugins to reduce the number of ads displayed. If you run...
I sometimes had the issue that I received an error when starting an existing vagrant box with vagrant up:
Similar to the Webpack Bundle Analyzer, Chrome's new Lighthouse feature … … shows a visualisation of your JavaScript bundles. It's...
From Exploring ES6: Module imports are hoisted (internally moved to the beginning of the current scope). Therefore, it doesn’t...
Modern versions of Capybara include a finder method #ancestor which allows you to find a parental element using CSS or...
Since GitLab 10.3. you can use Mermaid in GitLab comments: Gitlab Doc. With Mermaid you can create diagrams based on...
Jasmine is a great way to unit test your JavaScript components without writing an expensive end-to-end test for...
Rails 6.1 has a "strict loading" mode that forces the developer to preload any association they plan to use. Associations...
A flaky test is a test that is often green, but sometimes red. It may only fail on some PCs...
If you want Sidekiq to be able to talk to Redis on staging and production servers, you need to add...
Basic validations Read the Rails Guide on ActiveRecord Validations. You should have an overview which kinds of validations are built...
Within development and test environments, Rails is usually configured to show a detailed debug page instead of 404s. However, there...
This RailsCast demonstrated a very convenient method to activate VCR for a spec by simply tagging it with :vcr.
RSpec is smart when using the include-matcher in combination with .not_to. One could assume that .not_to include...
You want to use fields in your applications. However, your desktop users may encounter some weird quirks: Aside from allowing...
Debugging in CSS means figuring out what might be the problem when you have unexpected layout results. We’ll look...
The gem better_errors offers a detailed error page with an interactive REPL for better debugging. I had the issue...
Inspired by recent "git shortcut" cards I figured it would be nice to have one of these for rebasing a...
Event delegation is a pattern where a container element has a single event listener that handles events for all descendants...
Sometimes a link or input field has no visible label. E.g. a text field with a magnifying glass icon 🔎 and...
Besides their default styling properties, HTML elements have a semantic meaning. For example, an h1 tag is usually styled with...
Most browsers have built-in drag and drop support for different page elements like text and images. While this may...
git --fixup is very handy to amend a change to a previous commit. You can then autosquash your commits with...
The RSpec matcher tests if two HTML fragments are equivalent. Equivalency means: Whitespace is ignored Types of attribute quotes are...