...github.com/stefankroes/ancestry Some libraries also publish dedicated sites with their documentation, e.g.: http://unpoly.com https://lodash.com/ https://fontawesome.com/icons Web Platform (HTML, JavaScript, CSS) The best reference to look up...
When we write a form with date fields, we often use graphical data picker like Rome to get a consistent...
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...
General hints on the DOM the root of the DOM is document custom elements inherit from HTMLElement. They need a...
Most browsers have built-in drag and drop support for different page elements like text and images. While this may...
Haml lets you prefix a group of attributes by wrapping them in a hash. This is only possible with the...
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...
to create a Gallery that has a name and has_many :images, which in turn have a...
Let's say you want to merge the properties of two JavaScript objects: let a = { foo: 1, bar: 2 }
So I had the issue that User input (coming from many different sources and users) often contains the...
The Ace editor is a great enhancement when you want users to supply some kind of code (HTML, JavaScript, Ruby...
Having a unique selector for an element is useful to later select it from JavaScript or to update a fragment...
A very clever hack to parse a structured URL object is to create a element and set its href to...
As you may know, HAML expands data attributes that are given as a hash: %div{ data: { count: 3 } }
Katapult 0.3.0 brings Rails 5 and Ruby 2.5 support with a new design, plus a ton of smaller features, fixes...
There is no build in functionally in jQuery and Prototype to extract params from a url. You can use this...
When a Rails controller action should handle both HTML and JSON responses, do not use request.xhr? to decide that. Use...
The attached Coffeescript helper will let you create mouse events: $element = $('div') Trigger.mouseover($element) Trigger.mouseenter($element) Trigger.mousedown($element) Trigger.mouseup($element...