A common cause of non-accessible web pages are elements that were made interactive via JavaScript but cannot be focused...
These are the top ten accessibility errors as researched by TPGi, a company focusing on accessibility. See the linked article...
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...
Today I stumbled across a pretty harmless-looking query in our application which turned out to be pretty harmful and...
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...
Sometimes you have a file that is related to a project, while not actually being part of it. You'd...
The linked table shows the support lifecycle for Firefox Extended Support Releases (ESR) which we sometimes need to support for...
tl;dr We recommend configuring Selenium's unhandled prompt behavior to "ignore". When running tests in a real browser, we...
To show your key inputs on screen, e.g. for a screencast or screen sharing, you can use screenkey.
A Rails script lives in lib/scripts and is run with bin/rails runner lib/scripts/.... They are a simple tool to perform...
87.140.79.42 - - [23/Jan/2024:09:00:46 +0100] "GET /monitoring/pings/ HTTP/1.1" 200 814 "-" "Ruby" 87.140.79.42 - - [23/Jan/2024:09:00:46 +0100] "GET...
I, [2024-01-21T06:22:17.484221 #2698200] INFO -- : [4cdad7a4-8617-4bc9-84e9-c40364eea2e4] test
There are a few tools to combat the dreaded n+1 queries. The bullet gem notifies you of missing eager...
Tested on Ubunut 22.04 1. Opener script Create a file ~/.local/bin/coverage_zip_opener with: #!/bin/bash tmp_folder="/tmp/coverage-report-opener" if [ -z "$1" ]
Today I learned that you can animate HTML elements using the Web Animation API's method .animate(keyframes, options) (which...
Ruby methods which load from a Yaml file, like YAML.safe_load or YAML.safe_load_file, support passing freeze: true to...
Your development server is usually running on an insecure HTTP connection which is perfectly fine for development.
It happens from time to time that a job in a GitLab pipeline fails. Sometimes, however, the error message is...
Here are some hints on best practices to maintain your tasks in larger projects. Rake Tasks vs. Scripts
Version 3.7.0 broke some things in complex forms. Sorry for that. Concurrent user input is hard. 3.7.1 This change fixes...