To keep JavaScript sources small, it can sometimes make sense to split your webpack bundles. For example, if your website...
Download buttons can be difficult to test, especially with Selenium. Depending on browser, user settings and response headers, one of...
We're always striving towards keeping our website's JavaScript as small as possible. If you're using webpack(er...
TL;DR Most web applications do not require action on this. SameSite=None (old browser default) will continue to work...
When delivering non-public uploaded files (images, documents etc), one has to decide whether and how to do authorization. The...
Some older Node modules rely on window.jQuery to be present. One suggested solution is to use this config in the...
PostCSS is a tool for transforming styles with JS plugins. In Webpacker you can configure the plugins and their settings...
To avoid multiple versions of a package, you can manually maintain a resolutions section in your package.json. We recommend you...
This is a short overview of things that are required to upgrade a project from the Asset Pipeline to Webpacker...
In Rails, we usually have a mailer setup like this: class MyMailer < ActionMailer::Base def newsletter mail to: 'receiver@host.tld',
Many mail clients do not support external style sheets. Some even require all styling inline, which means you'll have...
min-width is known as a CSS property that can be set to define a least width for an element...
When we want to use our own (or bought) fonts in an application with Webpack(er), we have two options...
Here is how to make Rome datepicker look like the rest of your Bootstrap 4 application. Rome comes with very...
From at least Rails 4, the ActionView tag helper turns Array values of HTML options into a single space-separated...
Webpacker is Rails' way of integrating Webpack, and version 4 has been released just a few days ago, allowing us...
This is a presentation from 2019-01-21. Summary We want to move away from jQuery in future projects
When building an application that sends e-mails to users, you want to avoid those e-mails from being classified...
If your app does not need to support IE11, you can use most ES6 features without a build step. Just...
The rendered font often depends on the local font your system provides, therefore you often find a rule like below...
The Ace editor is a great enhancement when you want users to supply some kind of code (HTML, JavaScript, Ruby...
When projects run for many years, they require special regular maintenance to stay fresh. This kind of maintenance is usually...
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