github.com

This repository was created with the intention of helping developers master their concepts in JavaScript. It is not a requirement...

developers.google.com

Mobile Chrome and Safari support the "web share API" which allow you to use the native share functionality of an...

TL;DR: All modern browsers default to using the element as the main document viewport. In CSS, prefer to set...

Font Awesome 5 is a comprehensive solution for vector icons on your website. Originally, Font Awesome came as an icon...

A JavaScript error in an E2E test with Selenium will not cause your test to fail. This may cause you...

developer.mozilla.org

...HTML's accepts a single file. You can allow multiple files via . But sometimes, selecting multiple files is not enough...

At makandra, we've built a few gems over the years. Some of these are quite popular: spreewald (> 1M downloads...

Having a unique selector for an element is useful to later select it from JavaScript or to update a fragment...

As a web developer, you know Google Analytics (GA). Probably you've dropped the GA snippet into more than one...

Why secure-only cookies used to be necessary Cookies have an optional secure flag. It tells the browser to not...

benmccormick.org

The linked article lists a number of techniques that were best practices with ES5, but have better alternatives in modern...

If possible your code should detect features, not browsers. But sometimes you just need to sniff the browser. And when...

CoffeeScript and JavaScript (ECMAScript) both have operators in and of. Each language use them for more than one purpose. There...

github.com

Using the JS fullscreen API is painful because all browers use different methods and events and you need to use...

When your JavaScript bundle is so massive that you cannot load it all up front, I would recommend to load...

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.

makandra dev
github.com

geordi delete_dumps [directory] Recursively search for files ending in *.dump and offer to delete those. When no...

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
fontawesome.com

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

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