PostCSS is a tool for transforming styles with JS plugins. In Webpacker you can configure the plugins and their settings...

Many mail clients do not support external style sheets. Some even require all styling inline, which means you'll have...

Here is how to make Rome datepicker look like the rest of your Bootstrap 4 application. Rome comes with very...

Today's cameras create huge images, some beyond 50MB. Unless you need to offer this large files, you should always...

makandra dev

Class-level process definitions are only applied to the original file Versions are generated based on the processed original file...

Carrierwave includes some handy helper methods you can use to resize your images. Here is a quick summary of them...

makandra dev

This is a presentation from 2019-01-21. Summary We want to move away from jQuery in future projects

makandra dev

Suggested Workflow Set the ruby version in .ruby-version to 2.3.5, then perform these steps one by one, fixing errors...

codepen.io

Occasionally, your designer will hand you designs where elements break the layout's horizontal container width, like navigation buttons of...

Accessing pseudo elements via JavaScript or jQuery is often painful/impossible. However, accessing their styles is fairly simple. Using getComputedStyle

relishapp.com

When you are using lambdas in RSpec to assert certain changes of a call, you know this syntax: expect { playlist.destroy...

makandra dev

Ubuntu has decided to disable PDF processing because ImageMagick and the underlying Ghostscript had several security issues. When your Ghostscript...

In this example we assume that not only the storage gem changes but also the file structure on disc.

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