Sometimes you add Paperclip image styles, sometimes you remove some. In order to only keep the files you actually need...

select2 is a great jQuery library to make (large) fields more usable. For Bootstrap 3 there is select2-bootstrap-theme...

I needed to make sure that an element is visible and not overshadowed by an element that has a higher...

github.com

When storing a file with Carrierwave, it is always cached prior to actually storing it (to support form roundtrips).

makandra dev

If you use the Better Errors gem, you will sometimes notice that it can be very slow. This is because...

This is useful if, for example, you want to use a background-image that has to scale with the width...

jakearchibald.com

TLDR: Browser implementations of HTTP/2 push are horrible. You might end up with worse performance than without pushing. However, the...

By default Middleman generates files with a .html extension. Because of this all your URLs end in /foo.html instead of...

Middleman is a static page generator that brings many of the goodies that Rails developers are used to.

chris.beams.io

Separate subject from body with a blank line Limit the subject line to 50 characters (max. 72), include reference (unique...

When filling out forms in Selenium tests, Chrome shows the (usual) bubble, asking to store those credentials. While the bubble...

Some pseudo-elements need to be addressed with vendor prefixes. E.g. ::selection is not supported by Firefox, you need to...

Sass lets you easily specify multiple selectors at once like this: .some-block &.has-hover, &:hover outline: 1px solid red...

stackoverflow.com

iOS Safari tries to be helpful and enlarges some(!) texts when you turn to landscape mode. In precise CSS building...

Note: The behaviour of Spreewald's within step is as described below for version < 1.9.0; For Spreewald >= 1.9.0 it is...

github.com

Barby is a great Ruby gem to generate barcodes of all different sorts. It includes support for QR codes via...

makandra dev

Just dumping this in case somebody might need it. When you need a CSS value (a padding, margin, height etc...

This is not an issue in newer versions of HAML (starting with 5.0.0), as the ugly-option was removed...

badssl.com

Website that offers lots of different kinds of HTTPS configurations, bad or good or complicated. They also offer a dashboard...

Occasionally, you have to talk to APIs via HTTPS that use a custom certificate or a misconfigured certificate chain (like...

makandra dev
brunildo.org

The pages listed here contain tests and experiments about features, possibilities, browsers’ bugs concerning CSS. That is, over 200 experiments...

makandra dev
iamvdo.me

Line-height and vertical-align are simple CSS properties. So simple that most of us are convinced to fully understand...

medium.com

As web developers, we know how easy it is to end up with web page bloat. But loading a webpage...

stackoverflow.com

window.getSelection().toString(); Browser support: IE9+, Android 4.3+, Safari 5+