Note: Modern Rails has two build pipelines, the asset pipeline (or "Sprockets") and Webpacker. The principles below apply for both...
CSS variables are very different from preprocessor variables. While preprocessors use variables to compile a static piece of CSS, CSS...
Chrome has a built-in utility to check performance and accessibility (and more) of your web app: Lighthouse.
This card existed before, but was outdated due to browser implementation changes. The information below is validated for the current...
We structure our CSS using the BEM pattern. Our naming convention for blocks, elements and modifiers has evolved over the...
CSP hat zum Ziel einen Browser-seitigen Mechanismus zu schaffen um einige Angriffe auf Webseiten zu verhindern, hauptsächlich XSS...
CSS selectors are a very simple tool to select elements from a Nokogiri document. However, the colon in the XML...
By default, browsers will not wrap text at syllable boundaries. Text is wrapped at word boundaries only. This card explains...
Since images are magnitudes larger in file size than text (HTML, CSS, Javascript) is, loading the images of a large...
To make CSS rules dependent on the screen size, we use media queries: @media (max-width: 500px) { // rules for screen...
When your Cucumber feature needs to browse the page HTML, and you are not sure how to express your query...
Here is a Javascript function reloadUsers() that fetches a HTML snippet from the server using AJAX and replaces the current...
Browsers' printing methods usually don't print background colors. In most cases this is the desired behavior, because you don...
You can use the CSS property mask-image to define an "alpha channel" for an element. E.g. to let an...
Be careful to name any file @imported by SASS with a leading underscore. SASS files not beginning with an underscore...
Non-static elements will not inherit their parent's opacity in IE for no good reason. This can lead to...
Browsers come with a set of built-in elements like or . When we need a new component not covered by...
Detecting if a Javascript is running under Selenium WebDriver is super-painful. It's much easier to detect the current...