makandra dev
inclusive-components.design

Hack to implement an inverted "night mode" theme with a few lines of CSS. Colors in images are preserved.

askubuntu.com

While the hardware mute button of my Lenovo x230 worked on Ubuntu 14.04 out of the box, it does not...

Let's say you have a form that you render a few times but you would like to customize your...

There are several gems that make it easy to read and process xlsx files. Parsing the entire file at once...

gist.github.com

Here is some JavaScript code that allows you to click the screen and get the clicked element's text contents...

You should prefer native promises to jQuery's Deferreds. Native promises are much faster than their jQuery equivalent. Native promises...

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...