Up until Chrome 120, scrollbars could only be styled using the various -webkit-scrollbar-* pseudo elements, e.g. to make the...
Any form fields where users enter numbers should be an . Numeric inputs have several benefits over : On mobile or tablet...
Usually our code lives on GitLab, therefore our documentation for CI testing is extensive in this environment. If you are...
tl;dr We recommend configuring Selenium's unhandled prompt behavior to { default: 'ignore' } with the monkey patch below.
Multiply by 1x the unit: $number = 13 $length = $number * 1px // => 13px Removing a unit
Getting CSS (and JS) live reloading to work in a esbuild / Rails project is a bit of a hassle, but...
Make sure that you use the correct property when editing an HTML attribute. Using innerHTML with unsafe arguments makes your...
Every modern Rails app should have a Content Security Policy enabled. Very compatible default The following "default" is a minimal...
Chromedriver (or selenium-webdriver?) will not reliably scroll elements into view before clicking them, and actually not click the element...
For my computer science bachelor's thesis I programmed and evaluated a CLI Test Case Prioritization (TCP) tool for makandra...
An introduction to mangling When you minify ("compress", "optimize") your JavaScript for production, the names of your functions and variables...
If you want to collapse/expand elements with dynamic content (and thus unknown height), you can not transition between height: 0...
Note: You won't need this for single lines of text. In this case it is better to just use...
Suppose you want to implement a publish/subscribe pattern in your Frontend application to react to data changes and events. First...
Using querySelector or querySelectorAll in JavaScript, you can easily find descendants of a node that match a given selector.
Code splitting is a feature of esbuild that can keep huge libraries out of the main bundle. How code splitting...
Within Capybara you most certainly use the #check- and #uncheck-method to (un)check checkboxes. But there's one problem...
When you allow file uploads in your app, a user might upload content that hurts other users. Our primary concern...
Every Rails response has a default ETag header. In theory this would enable caching for multiple requests to the same...
tl;dr asdf allows you to manage multiple runtime versions with a single CLI tool and is backwards compatible by...
Maintaining larger projects makes it more difficult to balance refactoring and upgrade tasks according to its actual value. Consider to...
When you use native smooth scrolling there is no built-in method to detect the end of the scrolling animation...
HTTP header values must only contain low-ASCII (7-bit) characters for safe transport. From RFC 7230: Historically, HTTP has...
To read the current breakpoint tier in JavaScript, employ this CSS: :root { --current-breakpoint-tier: xs; @media (min-width: $screen...