View
Posted over 2 years ago by Dominik Schöler. litmus.com

Note: Instead of building your e-mails manually as described below, you probably want to use a tool like MJML...

Posted over 9 years ago by Henning Koch.

If you have content inside a page that is hidden by CSS, the following will work with Selenium, but not...

Posted about 4 years ago by Henning Koch.

There is no CSS selector for matching elements that contains a given string ¹. Luckily, Capybara offers the :text option to...

Posted 26 days ago by Henning Koch. thoughtbot.com

The linked article compares two approaches for writing CSS: A component library (like BEM) Utility classes (like Tailwind)

Posted over 7 years ago by Dominik Schöler.

calc() lets you mix CSS units. Ever wanted to give an element "the container's width minus 20px on each...

Posted about 5 years ago by Tobias Kraze.

Our applications not only need to be functional, they need to be fast. But, to quote Donald Knuth, premature optimization...

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 2 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 3 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 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 4 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 4 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 5 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 about 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 about 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 7 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 almost 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...

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