View
Posted 7 months 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 8 months 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 about 5 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 8 months 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 8 months 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 10 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 over 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 over 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 11 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 over 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 about 6 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 almost 3 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 about 1 year 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 almost 7 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 about 7 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 about 1 year 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 over 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...

Posted over 3 years ago by Henning Koch.

This card shows basic techniques for fixing a flaky integration test suite that sometimes passes and sometimes fails. "Integration test...

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