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...
tl;dr We recommend configuring Selenium's unhandled prompt behavior to "ignore". When running tests in a real browser, we...
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...
As we are slowly switching from Cucumber scenarios to RSpec feature specs, you might be tempted to write assertions like...
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...
When you use native smooth scrolling there is no built-in method to detect the end of the scrolling animation...
Let's say we have posts with an attribute title that is mandatory. Our example feature request is to tag...
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...
In a Jasmine spec you want to spy on a function that is imported by the code under test. This...