Bleeding Edge Web: May 2018

News From the Bleeding Edge

— Brian Moeskau (@bmoeskau)

Lightning Talks

— Intro to Elasticsearch (Hugo Martinez)

— Using a Screen Reader to Test (Robert DeLuca)

Putting Workers to Work

— Victoria Bernard

Housekeeping

• Speakers and sponsors always wanted (edgeatx.org)
• $5 Parking validation
• Omni hotel bar (downstairs) after meetup
• Anyone hiring / looking?

Browser Pop Quiz

Last check — April 19, 2018:

66	59	16	11.1

Browser Pop Quiz

As of May 17, 2018:

66	59 60	16 17	11.1

Firefox 60

Released May 9th —Release Notes

New APIs

• Web Authentication API (aka WebAuthn)
• Web VR
• ES2015 Modules (import and export)

Edge 17

Released May 8th —Release Notes

New APIs

• CSS Masking (experimental)
• Notifications API
• Media Capture API
• Subresource Integrity (SRI)
• Variable Fonts
• Service Workers (enabled by default)

Edge 17

Interesting Consumer Features

• Reading tools (annotations, grammar tools)
• "Clutter free" print option
• Background tab suspension
• Plus a lot more

Most importantly...

Dramatically reduced the power efficiency impact of rendering animated GIFs

Dojo 2.0

Released May 2nd (examples)

• Rewritten in TypeScript
• Web Component support
• Built-in redux-like state container
• Modern CLI tooling (dojo create app) and test harness

Lighthouse 3.0

An open-source, automated tool for improving the quality of web pages.

Released May 14th

• Faster audits with less variance between runs
• Brand new report UI
• Improvements to CSV and JSON output formats

Guess.js

Libraries and tools for enabling data-driven user-experiences on the web.

• Uses predictive algorithms to optimize application code
• Analyzes linked Google Analytics traffic at build time
• Bundle splitting via webpack plugin
• Generated content prefetch links
• Read the intro blog post

"Release Radar"

• A roundup of some interesting releases from April
• Courtesy of Github's blog
• Hyper, NetHack, Flask, Nerd Fonts, Monica, and lots more

GDPR Checklist

• The articles of the GDPR are *really* involved
• Basically, if you could do anything in the EU, it applies to you
• It goes into effect May 25th!
• This checklist is a great TL;DR version

Auditing via npm

Perform a moment-in-time security review of your project’s dependency tree.

• New in npm v5.10+ and v6+
• Check out the release announcement
• Just run npm audit to get something like...

Is ServiceWorker Ready?

Yes.

StackOverflow for Teams

A private, secure home for your team’s questions and answers.

• Basically a private label version of SO
• $10/month for now

Pure CSS Francine

An ongoing series in which I create art using only CSS and HTML.

Check it out!

Also see Vignes and Zigario

Real-time Pose Estimation in JS

1. Uses TensorFlow.js (machine learning lib)
2. Pose detection via PoseNet Model
3. Check out the live demo