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...
SASS has an @extend keyword to inherit styles. .alert color: red &.-framed border: 1px solid red padding: 5px &.-homepage
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...
By default subscript ( ) and superscript ( ) tags are styled with vertical-align: sub, respectively vertical-align: super by most browsers.
You have some SVG files you want to use as icons on your website. How would you embed them?
In esbuild, you usually import other files using relative paths: import './some-related-module' import `../../utils/some-utility-module` import `../../../css/some-css.sass` This is totally fine...
Jasmine specs for the frontend often need some DOM elements to work with. Because creating them is such a common...
tl;dr In Chrome DevTools in the Layouts tab you have handy options to debug CSS Flexbox and Grid. Including...
While in CSS zero is usually referenced without specifying a unit (e.g. padding: 0), you must not use a unitless...
tl;dr The Chrome DevTools are a neat collection of tools for the daily work as a web developer. If...
sass >= 1.35.0 has the option quietDeps and silenceDeprecations to silence deprecation warnings from dependencies. quietDeps: No deprecation warnings for dependencies...
When writing a Sass function, you may run into an error message that may be confusing: @function rules may not...
tl;dr In RubyMine you can use find and replace with capture groups (.*?) and backreferences $1 (if you have several...
When you build a JSON API you need to come up with a style to represent attributes, pagination, errors or...
tl;dr The :is() pseudo selector - specificity of its most specific argument - matches against a comma-separated list of selectors...
tl;dr The :where() pseudo selector - zero specificity - matches against a comma-separated list of selectors. Example Compound selectors like...
The inset CSS property is a shorthand that corresponds to the top, right, bottom, and/or left properties. It has the...