View
Posted about 8 years ago by Henning Koch.

Note: Modern Rails has two build pipelines, the asset pipeline (or "Sprockets") and Webpacker. The principles below apply for both...

Posted 14 days ago by Dominik Schöler.

CSS variables are very different from preprocessor variables. While preprocessors use variables to compile a static piece of CSS, CSS...

Posted about 1 month ago by Judith Roth. developers.google.com

Chrome has a built-in utility to check performance and accessibility (and more) of your web app: Lighthouse.

Posted over 4 years ago by Henning Koch.

This card existed before, but was outdated due to browser implementation changes. The information below is validated for the current...

Posted about 1 month ago by Henning Koch.

We structure our CSS using the BEM pattern. Our naming convention for blocks, elements and modifiers has evolved over the...

Posted about 1 month ago by Tobias Kraze.

CSP hat zum Ziel einen Browser-seitigen Mechanismus zu schaffen um einige Angriffe auf Webseiten zu verhindern, hauptsächlich XSS...

Posted 3 months ago by Dominik Schöler.

CSS selectors are a very simple tool to select elements from a Nokogiri document. However, the colon in the XML...

Posted almost 3 years ago by Henning Koch.

By default, browsers will not wrap text at syllable boundaries. Text is wrapped at word boundaries only. This card explains...

Posted almost 5 years ago by Dominik Schöler. github.com

Since images are magnitudes larger in file size than text (HTML, CSS, Javascript) is, loading the images of a large...

Posted 5 months ago by Henning Koch.

To make CSS rules dependent on the screen size, we use media queries: @media (max-width: 500px) { // rules for screen...

Posted about 9 years ago by Henning Koch.

When your Cucumber feature needs to browse the page HTML, and you are not sure how to express your query...

Posted over 5 years ago by Henning Koch.

Here is a Javascript function reloadUsers() that fetches a HTML snippet from the server using AJAX and replaces the current...

Posted over 2 years ago by Natalie Zeumann. developer.mozilla.org

Browsers' printing methods usually don't print background colors. In most cases this is the desired behavior, because you don...

Posted 7 months ago by Henning Koch.

You can use the CSS property mask-image to define an "alpha channel" for an element. E.g. to let an...

Posted about 6 years ago by Dominik Schöler.

Be careful to name any file @imported by SASS with a leading underscore. SASS files not beginning with an underscore...

Posted over 6 years ago by Arne Hartherz. jacklmoore.com

Non-static elements will not inherit their parent's opacity in IE for no good reason. This can lead to...

Posted 8 months ago by Henning Koch.

Browsers come with a set of built-in elements like or . When we need a new component not covered by...

Posted about 9 years ago by Henning Koch.

Detecting if a Javascript is running under Selenium WebDriver is super-painful. It's much easier to detect the current...

This website uses short-lived cookies to improve usability.
Accept or learn more