Webpacker uses Babel and Webpack to transpile modern JavaScript down to EcmaScript 5. Depending on what browser a project needs...

developer.mozilla.org

Touch devices have their own set of events like touchstart or touchmove. Because mobile browsers should also work with with...

jsfiddle.net

When you need test images, instead of using services like lorempixel or placehold.it you may generate test images yourself.

Boot partitions from installations prior to the 16.04 era are terribly small. When you install updates and encounter errors due...

MySQL and MariaDB have an SQL mode setting which changes how MySQL behaves. The SQL mode value is comprised of...

You need to update a lof gems. Make sure you don't have any version constraints in your...

makandracards.com

In Spreewald 1.10.4+, nested patiently blocks are now patient. Here is an example: patiently do outer_code patiently do

Form fields can be rendered as noneditable by setting the disabled or the readonly attribute. Be aware of the differences...

makandra dev

When a Rails controller action should handle both HTML and JSON responses, do not use request.xhr? to decide that. Use...

makandra dev
github.com

Katapult 0.3.0 brings Rails 5 and Ruby 2.5 support with a new design, plus a ton of smaller features, fixes...

fontawesome.com

Font Awesome version 5 changed some icon names, and introduces new prefixes fab, far, and fas. There is a JavaScript...

makandracards.com

Rails applications and ruby gems should have a README that gives the reader a quick overview of the project. Its...

To check if a method has been called in Jasmine, you first need to spy on it: let spy = spyOn...

Situation: You want to write a spec for a function inside an Angular service. This function at some point makes...

jsbin.com

If you try to listen to events on elements that are nested inside a , Firefox will stop event propagation once...

By default, browsers will not wrap text at syllable boundaries. Text is wrapped at word boundaries only. This card explains...

If your Angular app has some decent complexity, it will not be easy to use UI Router straight away. Here...

Checking if a JavaScript value is of a given type can be very confusing: There are two operators typeof and...

You are not using javascript tests The file is served from a public folder (not via controller) Problem description...

makandra dev

An end-to-end test (E2E test) is a script that remote-controls a web browser with tools like Selenium...

Slides for Henning's talk on Sep 21st 2017. Understanding sync vs. async control flow Talking to synchronous (or "blocking...

When localizing model attributes via I18n you may run into errors like this: I18n::InvalidPluralizationData: translation data {...

...} can not be...

gist.github.com

Here is some JavaScript code that allows you to click the screen and get the clicked element's text contents...

blog.patricktriest.com

Sometimes modern Javascript projects get out of hand. A major culprit in this can be the messy handling of asynchronous...