RSpec Rails can automatically mix in different behaviors to your tests based on their type tag, for example enabling you...

Since Rails 6.1, if we use where.not with multiple attributes, it applies logical NAND (NOT(A) OR NOT(B)) instead...

You can use RSpec::Matchers.define_negated_matcher to define a negated version of an existing matcher. This is particularly useful...

css-tricks.com

An element with display: grid can define its grid-template-columns based on (preferred) child width using the repeat function...

makandra dev
ishadeed.com

Table Of Contents Flexbox wrapping Spacing Long content Prevent an image from being stretched or compressed Lock scroll chaining

Jasmine has spyOnProperty(), but it only works if the property is implemented using getter and setter functions. This is a...

dev.to

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.

makandra dev

Field error steps Spreewald's The...

...field should have an error and The...

...field should have the error...

...steps now...

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

github.com

I sometimes had the issue that I received an error when starting an existing vagrant box with vagrant up:

umaar.com

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

makandra dev
stackoverflow.com

Modern versions of Capybara include a finder method #ancestor which allows you to find a parental element using CSS or...

A flaky test is a test that is often green, but sometimes red. It may only fail on some PCs...

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

makandra dev

The gem better_errors offers a detailed error page with an interactive REPL for better debugging. I had the issue...

makandra dev

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