Debugging performance issues in your Rails app can be a tough challenge. To get more detailed insights consider using the...
You can chain multiple Capybara matchers on the page or any element: expect(page) .to have_content('Example Course')
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...
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...
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' }. When running tests in a real browser...
Today I learned that you can animate HTML elements using the Web Animation API's method .animate(keyframes, options) (which...
Multiply by 1x the unit: $number = 13 $length = $number * 1px // => 13px Removing a unit
Version 3.7.0 broke some things in complex forms. Sorry for that. Concurrent user input is hard. 3.7.1 This change fixes...
If you have an element with significant border-radius (e.g. 50% for a circle) and you want inline content (i.e...
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...
Do you remember finding where a method is defined? I recently that Method objects are quite useful within a debugging...
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...