Archive | es6

RSS feed for this section

Using Default Parameters in ES6

I’ve recently begun doing more research into what’s new in JavaScript, catching up on a lot of the new features and syntax improvements that have been included in ES6 (i.e. ES2015 and later).

You’ve likely heard about and started using the usual stuff: arrow functions, let and const, rest and spread operators, and so on. One feature, however, that caught my attention is the use of default parameters in functions, which is now an official ES6+ feature. This is …

Using Default Parameters in ES6 is a post from CSS-Tricks

ECMAScript Modules in Browsers

As Jake Archibald says, they are starting to land! The support landscape is already:

  • Safari 10.1.
  • Chrome Canary 60 – behind the Experimental Web Platform flag in chrome:flags.
  • Firefox 54 – behind the dom.moduleScripts.enabled setting in about:config.
  • Edge 15 – behind the Experimental JavaScript Features setting in about:flags.

There are plenty of weird gotchas to be aware of, like minor syntax things that are intentionally not supported, and the order of script execution.

We covered Stefan Judis’s

ECMAScript Modules in Browsers is a post from CSS-Tricks

Tinder for Bananas

I saw this little web app (live demo) by Das Surma going around the other day. It’s funny, but it’s also a really compelling demo app for a bunch of modern technologies. I’m sure that’s the whole point of it.

  • Minimal build process. Just Gulp to use Babel and PostCSS. It’s heavy on ES6+ and CSS custom properties.
  • Loads of custom elements, like <tinderforbananas-item>, with the Polymer polyfill for those.
  • Icons are super tiny SVG, they look

Tinder for Bananas is a post from CSS-Tricks