Rails has always included a scaffold script that generates a default controller implementation for you. Unfortunately that generated controller is...
Speaker today is Henning Koch, Head of Development at makandra. This talk will be in German with English slides.
The Performance Navigation Timing API allows reading how the current document was loaded. All major browsers support it. Usage
Find-as-you-type boxes are usually built by observing changes in a text field, and querying the server via...
General hints on the DOM the root of the DOM is document custom elements inherit from HTMLElement. They need a...
Haml lets you prefix a group of attributes by wrapping them in a hash. This is only possible with the...
Most browsers have built-in drag and drop support for different page elements like text and images. While this may...
As you may know, HAML expands data attributes that are given as a hash: %div{ data: { count: 3 } }
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...
The Ace editor is a great enhancement when you want users to supply some kind of code (HTML, JavaScript, Ruby...
A very clever hack to parse a structured URL object is to create a element and set its href to...
So I had the issue that User input (coming from many different sources and users) often contains the...
Let's say you want to merge the properties of two JavaScript objects: let a = { foo: 1, bar: 2 }
When a Rails controller action should handle both HTML and JSON responses, do not use request.xhr? to decide that. Use...
Katapult 0.3.0 brings Rails 5 and Ruby 2.5 support with a new design, plus a ton of smaller features, fixes...
The attached Coffeescript helper will let you create mouse events: $element = $('div') Trigger.mouseover($element) Trigger.mouseenter($element) Trigger.mousedown($element) Trigger.mouseup($element...
Best results in other decks
...fragment, the server renders a normal page, only the target is swapped — and what the unpoly-rails gem adds on the server side. You can enhance links and forms so...
...we're breaking up with JavaScript frontends — Henning's slides on the idea behind Unpoly 📄 unpoly-rails README — how the gem complements the frontend library 🎮 Unpoly demo app with its...
Real forms are rarely static. A field is only shown when another has a certain value, a title is checked...