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...
It is still possible to style the -webkit-scrollbar-* pseudo elements in Chrome 121+. However the now supported spec-compliant...
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...
Container queries enable you to apply styles to an element based on the size of the element's container. If...
To read the current breakpoint tier in JavaScript, employ this CSS: :root { --current-breakpoint-tier: xs; @media (min-width: $screen...