It is quite easy to migrate from CoffeeScript to ES6. You can use decaffeinate to convert your CoffeeScript source to...
Over the years we have tried several solution to have vector icons in our applications. There are many ways to...
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...
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...
See the attached link for a useful overview of modern (and classic) DOM API methods, like matches, contains, append, cssText...
This is a presentation from 2019-01-21. Summary We want to move away from jQuery in future projects
If your app does not need to support IE11, you can use most ES6 features without a build step. Just...
Rails ships with two separate build pipelines: Sprockets ("asset pipeline") and Webpacker. Webpacker has many more moving parts, but allows...
When your code does not behave as expected, you can use a debugger statement ("breakpoint") at any point in your...
When upgrading Rails versions -- especially major versions -- you will run into a lot of unique issues, depending on the exact...
The Ace editor is a great enhancement when you want users to supply some kind of code (HTML, JavaScript, Ruby...
Accessing pseudo elements via JavaScript or jQuery is often painful/impossible. However, accessing their styles is fairly simple. Using getComputedStyle
This repository was created with the intention of helping developers master their concepts in JavaScript. It is not a requirement...
Mobile Chrome and Safari support the "web share API" which allow you to use the native share functionality of an...
When debugging your application, you will come across objects created by some gem or framework. You don't have the...
Scrolling overflowing elements with JavaScript HTML elements with overflow-y: auto or overflow-y: scroll will get a scrollbar when...
Font Awesome 5 is a comprehensive solution for vector icons on your website. Originally, Font Awesome came as an icon...
A JavaScript error in an E2E test with Selenium will not cause your test to fail. This may cause you...
...HTML's accepts a single file. You can allow multiple files via . But sometimes, selecting multiple files is not enough...
At makandra, we've built a few gems over the years. Some of these are quite popular: spreewald (> 1M downloads...