Powerful favicon generator

Posted Over 4 years ago by Dominik Schöler.
realfavicongenerator.net

This favicon generator will guide you to a perfect set of favicon files, suitable for all devices and situations (browser...

Joining PDFs with Linux command line

Posted Over 4 years ago.

There are several ways to merge two (or more) PDF files to a single file using the Linux command line...

Controlling how your website appears on social media feeds

Posted Over 4 years ago by Henning Koch.

When a user shares your content, a snippet with title, image, link and description appears in her timeline. By default...

Webpack(er): A primer

Posted Almost 5 years ago by Tobias Kraze.

webpack is a very powerful asset bundler written in node.js to bundle (ES6) JavaScript modules, stylesheets, images, and other assets...

Adding Jasmine JavaScript specs to a Webpack(er) project

Posted Almost 5 years ago by Tobias Kraze.

The goal is to get Jasmine specs running in a Rails project using Webpacker, with the browser based test runner...

Webpack: Automatically generating an icon font from .svg files

Posted Almost 5 years ago by Tobias Kraze.

Over the years we have tried several solution to have vector icons in our applications. There are many ways to...

SameSite cookies

Posted Almost 5 years ago by Dominik Schöler.

TL;DR Most web applications do not require action on this. SameSite=None (old browser default) will continue to work...

Self-expiring URLs with Apache

Posted Almost 5 years ago by Tobias Kraze.

When delivering non-public uploaded files (images, documents etc), one has to decide whether and how to do authorization. The...

How to test Autoprefixer and CSSnext in PostCSS

Posted Almost 5 years ago by Emanuel.

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

HTML emails with inline stylesheets and webpacker

Posted About 5 years ago by Natalie Zeumann.

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

Bootstrap 4 skin for the Rome datepicker

Posted About 5 years ago by Arne Hartherz.

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

Carrierwave: always limit images to a reasonable size

Posted About 5 years ago by Dominik Schöler.

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

Carrierwave processing facts

Posted About 5 years ago by Dominik Schöler.

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

Carrierwave: Built-in resize methods

Posted Over 5 years ago by Emanuel.

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

JavaScript without jQuery (presentation from 2019-01-21)

Posted Over 5 years ago by Henning Koch.

We want to move away from jQuery in future projects Motivations are performance, bundle size and general trends for...

Upgrading Ruby from 1.8.7 to 2.3.5

Posted Over 5 years ago by Dominik Schöler.

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

How to: expand an element's cover area beyond its container

Posted Over 5 years ago by Arne Hartherz.
codepen.io

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

How to access before/after pseudo element styles with JavaScript

Posted Over 5 years ago by Arne Hartherz.

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

RSpec 3 allows chaining multiple expectations

Posted Over 5 years ago by Arne Hartherz.
relishapp.com

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

Fixing "identify: not authorized"

Posted Over 5 years ago by Dominik Schöler.

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

An incomplete guide to migrate a Rails application from paperclip to carrierwave

Posted Over 5 years ago by Emanuel.

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

Introduction to Google Tag Manager (for web developers who know Google Analytics)

Posted Almost 6 years ago by Dominik Schöler.

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

Optimizing images for web

Posted Almost 6 years ago by Daniel Straßner.

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

Designing HTML emails

Posted Almost 6 years ago by Dominik Schöler.
litmus.com

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