View
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 2 years ago by Arne Hartherz. plnkr.co

Flexbox is awesome. Most of it even works in IE11, but flex: 1 won't work reliably in Internet Explorer...

Posted about 2 years ago by Dominik Schöler.

Google Chrome has a subtle rendering bug that hits me once in a while. It usually occurs in sliders with...

Posted about 2 years ago by Dominik Schöler.

As a web developer, you know Google Analytics (GA). Probably you've dropped the GA snippet into more than one...

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

The 90s are calling: they want their tables back. Unfortunately, you need them all for laying out your HTML emails...

Posted about 2 years ago by Dominik Schöler. caniuse.com

Since late 2015, all major browsers (still excluding Firefox) support pointing device media queries. These can be used to distinguish...

Posted about 2 years ago by Dominik Schöler. developer.mozilla.org

Here is how to model basic logic in media queries. AND With keyword and. # Target viewport widths between 500 and...

Posted almost 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 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 2 years ago by Dominik Schöler. caniuse.com

There is a kinda secret, yet well supported CSS feature called currentColor. It's like a special CSS variable that...

Posted about 8 years ago by Tobias Kraze.

When you work with a Rails 3.1+ application, you will be working with the asset pipeline. The asset pipeline is...

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

CSS Flexbox has become extremely popular amongst front-end developers the last couple of years. This isn’t surprising, as...

Posted over 2 years ago by Henning Koch. makandracards.com

In Spreewald 1.10.4+, nested patiently blocks are now patient. Here is an example: patiently do outer_code patiently do

Posted over 4 years ago by Henning Koch.

There are a million ways to center s or text in CSS, horizontally or vertically. All the ways are unsatisfying...

Posted over 2 years ago by Emanuel De.

This cucumber step is useful for testing an image (looking at the src of the image). Then(/^I should see...

Posted about 7 years ago by Tobias Kraze.

Using CSS sprites for background images is a technique for optimizing page load time by combining smaller images into a...

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 over 2 years ago by Dominik Schöler. geoffmuskett.com

wrap the text with a span use line-height for the spacing between lines ("margin")

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