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

makandra dev

For webpages to load fast it's recommended to optimize images. Ideally an image's file size should be as...

makandra dev
litmus.com

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

stackoverflow.com

Ruby has this handy block shortcut map(&:to_i) for map { |x| x.to_i }. However, it is limited to argument...

caniuse.com

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

rspec.info

RSpec let's you chain a matcher with .or. The expectation will then pass if at least one matcher matches...

developer.mozilla.org

Browsers' printing methods usually don't print background colors. In most cases this is the desired behavior, because you don...

makandracards.com

In medium-sized to large Rails applications, asset compilation can take several minutes. In order to speed up deployment, asset...

caniuse.com

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

makandra dev
rubydoc.info

CarrierWave comes with some RSpec matchers which will make testing more comfortable. Let's say you have an Uploader like...

Lets say we have a user with a contract whereas contract is a mounted carrierwave file. Now we want to...

jsfiddle.net

When you need test images, instead of using services like lorempixel or placehold.it you may generate test images yourself.

Boot partitions from installations prior to the 16.04 era are terribly small. When you install updates and encounter errors due...

When you have string contents (e.g. a generated binary stream, or data from a remote source) that you want to...

If you want to make a screenshot of a website that works well in print or on a high-DPI...

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

TL;DR Use user.update!(remove_avatar: true) to delete attachments outside of forms. This will have the same behavior as...

web.archive.org

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

You are not using javascript tests The file is served from a public folder (not via controller) Problem description...

Slides for Henning's talk on Sep 21st 2017. Understanding sync vs. async control flow Talking to synchronous (or "blocking...

makandra dev
inclusive-components.design

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

If you want to ssh into your vagrant box without switching into the project directory and typing vagrant ssh, you...

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

ImageMagick can automatically crop surrounding transparent pixels from an image: convert input.png -trim +repage output.png