Font Awesome 5 is a comprehensive solution for vector icons on your website. Originally, Font Awesome came as an icon...

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

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

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

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

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

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

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

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

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

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

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

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

When you print (or print preview) and elements are cut off (e.g. after 1st page, or "randomly") you should check...

Internet Explorer until version 9 has some limitations when parsing CSS files Summarized, these are: Up to 31 CSS files...

All browsers + IE9 know the CSS :empty selector. It lets you hide an element when it has no content, i.e...

If you are using PDFKit / wkhtmltopdf, you might as well want to use custom fonts in your stylesheets. Usually this...