developer.mozilla.org

A common cause of non-accessible web pages are elements that were made interactive via JavaScript but cannot be focused...

I recently built a screen with a very high and wide table in the center. This posed some challenges:

The Web Animations API has great browser support, and you should be using it to animate DOM elements from JavaScript...

makandra dev

All browsers implement an event named beforeunload. It is fired when the active window is closed and can be used...

Up until Chrome 120, scrollbars could only be styled using the various -webkit-scrollbar-* pseudo elements, e.g. to make the...

I recently noticed a new kind of flaky tests on the slow free tier GitHub Action runners: Integration tests were...

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

A Rails script lives in lib/scripts and is run with bin/rails runner lib/scripts/.... They are a simple tool to perform...

developer.mozilla.org

Today I learned that you can animate HTML elements using the Web Animation API's method .animate(keyframes, options) (which...

sitepoint.com

Multiply by 1x the unit: $number = 13 $length = $number * 1px // => 13px Removing a unit

Added: State machine can now use the :prefix-option to avoid name collision if you define multiple state machines on...

makandra dev

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

If you ever need to restore exact records from one database to another, Marshal might come in handy. Marshal.dump is...

Every modern Rails app should have a Content Security Policy enabled. Very compatible default The following "default" is a minimal...

thegnar.com

View specs are a powerful tool to test several rendering paths by their cases instead of using a more costing...

We regularly have tasks that need to be performed around a deploy. Be it to notify operations about changed application...

Chromedriver (or selenium-webdriver?) will not reliably scroll elements into view before clicking them, and actually not click the element...

Both knapsack and parallel_tests have the option to split groups by historic execution time. The required logs for this...

github.com

For my computer science bachelor's thesis I programmed and evaluated a CLI Test Case Prioritization (TCP) tool for makandra...

The git doc states on the difference of these two commands: git-restore[1] is about restoring files in the...

matuzo.at

In the linked page, Manuel Matuzović offers an FAQ regarding web components, and their accessibility in particular.

An introduction to mangling When you minify ("compress", "optimize") your JavaScript for production, the names of your functions and variables...