You are given two CSS selectors that you do not control. How can you build a new selector that matches...
Modern JavaScript includes Intl.NumberFormat to format numbers in different formats and locales. In this card, we describe a wrapper for...
tl;dr When browsers start to adapt proposals from Open UI, it might not be necessary to use any 3rd...
Rachel Andrew has built a website about CSS Grid. Video tutorials More than 30 layout examples for feature demonstration
The Web Animations API has great browser support, and you should be using it to animate DOM elements from JavaScript...
Up until Chrome 120, scrollbars could only be styled using the various -webkit-scrollbar-* pseudo elements, e.g. to make the...
Multiply by 1x the unit: $number = 13 $length = $number * 1px // => 13px Removing a unit
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...
Even when you app has no CSS at all, you still inherit a default user agent stylesheet from your browser...
Every modern Rails app should have a Content Security Policy enabled. Very compatible default The following "default" is a minimal...
View specs are a powerful tool to test several rendering paths by their cases instead of using a more costing...
The recommended additional setup of the spreewald gem, a useful set of cucumber steps, includes adding a file for defining...
For my computer science bachelor's thesis I programmed and evaluated a CLI Test Case Prioritization (TCP) tool for makandra...
If you want to collapse/expand elements with dynamic content (and thus unknown height), you can not transition between height: 0...
TL;DR: Grid elements have min-width: auto in a 1fr column, which may lead to overflows. With minmax(0...
Note: You won't need this for single lines of text. In this case it is better to just use...
So you have a heading that is just barely wider than the container it should fit into, and it wraps...
We have a long-standing checklist for merge requests. However, it hardly matches the intricate requirements for design. This checklist...
Within Capybara you most certainly use the #check- and #uncheck-method to (un)check checkboxes. But there's one problem...
Every Rails response has a default ETag header. In theory this would enable caching for multiple requests to the same...
tl;dr Individual transform properties are great because they allow you to write more readable and maintainable CSS, especially when...
tl;dr The strict-dynamic source list keyword allows you to simplify your CSP policy by favoring hashes and nonces...
Let's say we have posts with an attribute title that is mandatory. Our example feature request is to tag...