So I had the issue that User input (coming from many different sources and users) often contains the...
This collection contains some useful design resources for developers. Many of them were mentioned in the Refactoring UI tutorials.
Most of the time it is a tedious task to apply a code style guide to an existing code...
CSS transitions are a simple animation framework that is built right into browsers. No need for Javascript here. They're...
Within a Flexbox layout, there are multiple CSS attributes that may affect a child's basis (the initial width before...
General hints on the DOM the root of the DOM is document custom elements inherit from HTMLElement. They need a...
When an AJAX request raises an exception on the server, Rails will show a minimal error page with only basic...
webpack is a very powerful asset bundler written in node.js to bundle (ES6) JavaScript modules, stylesheets, images, and other assets...
RubyMine comes with a nice way to grep through your project's files: The finder (ctrl + shift + f). Don't...
The goal is to get Jasmine specs running in a Rails project using Webpacker, with the browser based test runner...
Cucumber up to version 2 had a neat feature called Step Argument Transforms which was dropped in favor of Cucumber...
Until Capybara 2, node finders that accept a text option were able to find nodes based on rendered text, even...
Webpacker can automatically create an icon font from SVG files, which is really handy. When you're using the asset...
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...
PostCSS is a tool for transforming styles with JS plugins. In Webpacker you can configure the plugins and their settings...
This is a short overview of things that are required to upgrade a project from the Asset Pipeline to Webpacker...
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...
Here is how to make Rome datepicker look like the rest of your Bootstrap 4 application. Rome comes with very...
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...