By default, browsers will not wrap text at syllable boundaries. Text is wrapped at word boundaries only. This card explains...
An end-to-end test (E2E test) is a script that remote-controls a web browser with tools like Selenium...
If you are using PDFKit / wkhtmltopdf, you might as well want to use custom fonts in your stylesheets. Usually this...
The linked article shows how to exploit websites that include unsanitized user input in their CSS. Although the article often...
Hack to implement an inverted "night mode" theme with a few lines of CSS. Colors in images are preserved.
I needed to make sure that an element is visible and not overshadowed by an element that has a higher...
This is useful if, for example, you want to use a background-image that has to scale with the width...
Solved with flexbox is a collection of css problems which were hard or impossible to solve without flexbox: Better, Simpler...
Some pseudo-elements need to be addressed with vendor prefixes. E.g. ::selection is not supported by Firefox, you need to...
iOS Safari tries to be helpful and enlarges some(!) texts when you turn to landscape mode. In precise CSS building...
Just dumping this in case somebody might need it. When you need a CSS value (a padding, margin, height etc...
The pages listed here contain tests and experiments about features, possibilities, browsers’ bugs concerning CSS. That is, over 200 experiments...
Line-height and vertical-align are simple CSS properties. So simple that most of us are convinced to fully understand...
Web technology is a broad field and you cannot be an expert in all aspects. However, it is useful to...
TLDR: When you put CSS rules into a partial and import that partial multiple times, the CSS rules will be...
A comprehensive introduction to sending HTML emails. Intro: HTML email: Two words that, when combined, brings tears to a developer...
The linked article states that CSS breakpoints should group "similar" screen sizes and thus be at: 600px "narrow"
There is no CSS selector for matching elements that contains a given string ¹. Luckily, Capybara offers the :text option to...
SVG is an acronym for "scalable vector graphics". SVGs should be used whenever an image can be described with vector...
Say you have an RGBA color that you need as a non-transparent color because of reasons. Basically, this is...
If you need to modify (e.g. add 2px) a Sass variable that defines multiple values as one (e.g. for short...
The linked article shows what current browsers do when you click a link like this: 1-562-867-5309
When building a web application, one is tempted to claim it "done" too early. Make sure you check this list...
...The and tags both come with some non-default behavior that you know from other tags.