To ensure a consistent code style for JavaScript code, we use ESLint. The workflow is similar to integrating rubocop...
This are the steps I needed to do to add esbuild to an application that used the vanilla rails asset...
Wir arbeiten bei makandra alle auf Linux-Betriebssystemen und bedienen im DevOps- & Cloud-Bereich primär Kunden, die ebenfalls auf Linux...
Building application assets with esbuild is the new way to do it, and it's great, especially in combination with...
When Capybara locates elements in the DOM, by default it allows only accessing visible elements -- when you are using a...
Jasmine is a great tool to unit test your JavaScript components without writing an expensive end-to-end test for...
Resources RubyGuides: Mastering Ruby Regular Expressions Using regular expressions in JavaScript Testing regular expressions visually Regular Expressions: Quantifier modes...
JavaScript code can access and manipulate the browser's DOM tree. Using JavaScript we can add interactive behavior to our...
One really simple way to check whether JavaScript Sentry integration was successful (raven-js or @sentry/browser), is to create an...
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
Jasmine has spyOnProperty(), but it only works if the property is implemented using getter and setter functions. This is a...
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...
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...
A flaky test is a test that is often green, but sometimes red. It may only fail on some PCs...
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...
Event delegation is a pattern where a container element has a single event listener that handles events for all descendants...
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...
The RSpec matcher tests if two HTML fragments are equivalent. Equivalency means: Whitespace is ignored Types of attribute quotes are...
It is generally discouraged to load your JavaScript by a tag in the : The reason is that a tag will pause the DOM parser until the script has loaded and executed. This will delay the browser's first contentful paint. A much better default is to load your scripts with a tag: A deferred script has many...