You can use RSpec::Matchers.define_negated_matcher to define a negated version of an existing matcher. This is particularly useful...
An element with display: grid can define its grid-template-columns based on (preferred) child width using the repeat function...
Table Of Contents Flexbox wrapping Spacing Long content Prevent an image from being stretched or compressed Lock scroll chaining
Use option:checked to find the currently selected option: select.querySelector('option:checked') Yes, :checked, not :selected. This is the same...
In my case [...] the catalog is an XML that contains all kinds of possible products, categories and vendors and it...
TL;DR When using Cache-Control on a Rails application, make sure the Vary: Accept header is set.
Rack::SteadyETag is a Rack middleware that generates the same default ETag for responses that only differ in CSRF tokens...
Field error steps Spreewald's The...
...field should have an error and The...
...field should have the error...
...steps now...
Elasticsearch defaults to go into readonly mode when you run low on disk space (< 95%). You might then see an...
ImageMagick can convert SVGs to raster image formats. Example for PNG: convert input.svg output.png If the SVG has a...
The Interactive Advertising Bureau (IAB) is a European marketing association which has introduced a standard how advertising can be served...
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...
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.
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...