If your app does not need to support IE11, you can use most ES6 features without a build step. Just...
The Ace editor is a great enhancement when you want users to supply some kind of code (HTML, JavaScript, Ruby...
Accessing pseudo elements via JavaScript or jQuery is often painful/impossible. However, accessing their styles is fairly simple. Using getComputedStyle
jQuery's removeClass removes the given class string from an element collection. If you want to remove multiple/unknown classes matching...
This repository was created with the intention of helping developers master their concepts in JavaScript. It is not a requirement...
Mobile Chrome and Safari support the "web share API" which allow you to use the native share functionality of an...
It is possible to access Rails config (for example secrets) from within your webpack bundles, thanks to rails-erb-loader...
Scrolling overflowing elements with JavaScript HTML elements with overflow-y: auto or overflow-y: scroll will get a scrollbar when...
Font Awesome 5 is a comprehensive solution for vector icons on your website. Originally, Font Awesome came as an icon...
Masonry is a famous library to dynamically arrange a grid of items that have different aspect ratio, like horizontal and...
A JavaScript error in an E2E test with Selenium will not cause your test to fail. This may cause you...
...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...
Option 1: JSON dump In config/webpack/environment.js you can get inspect environment which includes all webpack config options set for the...
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...
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...
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...
You know that you can use jQuery's text() to get an element's contents without any tags.
Webpacker uses Babel and Webpack to transpile modern JavaScript down to EcmaScript 5. Depending on what browser a project needs...