You can tell npm to install a package globally with npm -g install @puppeteer/browsers. However, it seems that its not...

When you write your next CarrierWave uploader, consider processing your images with libvips instead of ImageMagick. Reasons for libvips

So you have a heading that is just barely wider than the container it should fit into, and it wraps...

I recently noticed that better_errors allows you to to open files from within your favorite editor. However it was...

Debugging your integration tests, that run a headless Chrome inside a docker image, is tricky. In many cases you can...

When you allow file uploads in your app, a user might upload content that hurts other users. Our primary concern...

Every Rails response has a default ETag header. In theory this would enable caching for multiple requests to the same...

content-security-policy.com

tl;dr The strict-dynamic source list keyword allows you to simplify your CSP policy by favoring hashes and nonces...

youtube.com

The linked content describes: The different color space of Oklch and RGB/HSL (HDR colors) The advantage of Oklch when you...

To navigate between test and test subject Rubymine requires you to set the test root sources as Test Sources Root...

Usually you add errors to :base in ActiveRecord, in case no appropriate attribute could be used to add the error...

Let's say we have posts with an attribute title that is mandatory. Our example feature request is to tag...

SASS has an @extend keyword to inherit styles. .alert color: red &.-framed border: 1px solid red padding: 5px &.-homepage

Not all email clients support external images in all situations, e.g. an image within a link. In some cases, a...

Carrierwave's BaseUploader can have some validations that you can use by overriding a certain method, which's expected name...

Sometimes I ran across a GitHub merge request of a gem where it was not completely obvious in which version...

phili.pe

The linked article found a simple way to rewrite legacy git aliases to make them work with differently named default...

Usually, design development starts with drafts, sketches and prototypes. These are reviewed, refined and iterated until the final design is...

We usually rely on VCR and WebMock to prevent any real network connection when running our unit tests.

You have some SVG files you want to use as icons on your website. How would you embed them?

In esbuild, you usually import other files using relative paths: import './some-related-module' import `../../utils/some-utility-module` import `../../../css/some-css.sass` This is totally fine...

As a developer you may have many tools watching your project for changes: Your IDE, Webpack, Guard, etc. This is...

tl;dr In Chrome DevTools in the Layouts tab you have handy options to debug CSS Flexbox and Grid. Including...

tl;dr In Chrome DevTools in the Sources tab you can activate Event Listener Breakpoints for debugging events. Example