DirectUpload allows you to upload files to your file storage without having to wait for the form to submit. It...
Checking if a JavaScript value is of a given type can be very confusing: There are two operators typeof and...
When building a web application, one is tempted to claim it "done" too early. Make sure you check this list...
Our applications not only need to be functional, they need to be fast. But, to quote Donald Knuth, premature optimization...
validates_uniqueness_of is not sufficient to ensure the uniqueness of a value. The reason for this is that in...
When testing JavaScript functionality in Selenium (E2E), you may need to access a class or function inside of a evaluate...
A HTTP 302 Found redirect to PATCH and DELETE requests will be followed with PATCH or DELETE. Redirect responses to...
When projects run for many years, they require special regular maintenance to stay fresh. This kind of maintenance is usually...
Most forms have a single submit button that will save the record when pressed. Sometimes a form needs additional submit...
To keep JavaScript sources small, it can sometimes make sense to split your webpack bundles. For example, if your website...
JavaScript has no built-in functions to compare two objects or arrays for equality of their contained values.
Browsers come with a set of built-in elements like or . When we need a new component not covered by...
Speaker today is Henning Koch, Head of Development at makandra. This talk will be in German with English slides.
When we write a form with date fields, we often use graphical data picker like Rome to get a consistent...
When you need to add a event listener to hundreds of elements, this might slow down the browser. An alternative...
If you try to listen to events on elements that are nested inside a , Firefox will stop event propagation once...
Rails has always included a scaffold script that generates a default controller implementation for you. Unfortunately that generated controller is...
Find-as-you-type boxes are usually built by observing changes in a text field, and querying the server via...
shoelace is a library of web components. Here is a proof of concept how a integration (slightly different as the...
When building a form with a file select field, you may want to offer your users a live preview before...
Most browsers have built-in drag and drop support for different page elements like text and images. While this may...
General hints on the DOM the root of the DOM is document custom elements inherit from HTMLElement. They need a...
TinyMCE is a WYSIWYG editor which is quite customizable. Add a custom button to the tinyMCE toolbar and tell tinyMCE...
Sometimes you want to load code on demand. For instance, when a a large library is only used on a...