Bleeding Edge Web: March 2017

Announcements

News From the Bleeding Edge

— Brian Moeskau (@bmoeskau)

Electron: Build Native Desktop Apps
with HTML & Node.js

— Corey Butler (@goldglovecb)

Thanks to our venue:

Thanks to our sponsor:

Browser Pop Quiz

Last version check — January 2017:

55	51	14 14971	10.1

Browser Pop Quiz

As of March 22, 2017:

55 57	51 52	14 14971 15060	10.1

Chrome 56

Released January 26

Release Notes

Chrome 56

HTML5 By Default for all users

Flash disabled based on progressive Site Engagement Index

Chrome 56

Web Bluetooth API

Won't run cross-origin, but looks like this (working examples):

See the Pen Web Bluetooth API by Bleeding Edge Web (@EdgeATX) on CodePen.

Chrome 56

Native CSS position: sticky

See the Pen CSS position: sticky by Bleeding Edge Web (@EdgeATX) on CodePen.

Chrome 57

Released March 15

Release Notes

Chrome 57

CSS Grid Layout

Overview and more examples

See the Pen Basic CSS Grid by Bleeding Edge Web (@EdgeATX) on CodePen.

Chrome 57

Background Tab Throttling

Chrome 57 will limit average CPU load to 1% of a core if an application uses too much CPU in background.

Does not affect WebSockets or WebRTC

Firefox 52

Released March 7 — Release Notes

• CSS Grid support
• ES2017 async / await
• And tons more
• Weirdness with setTimeout or setInterval? Read this.

Edge 14 (15060)

Release Notes

• Untrusted Flash blocked by default
• WebRTC 1.0 enabled by default
• Lots of other minor improvements

Framework News

• CoffeeScript 2.0.0-alpha1 (still a thing?)
• Polymer 2.0 RC
• Store.js 2.0 (x-browser local storage)
• Yarn 0.22.0 (better npm)
• GitLab 9.0
• Marko 4.0 (eBay's UI lib)

ES2017

Finalized at Jan TC39 meeting (overview)

Major new features:

• Async functions
• Shared memory & atomics (concurrency related)

Keep an eye on ES2018 if you're curious...

JavaScript Libraries

37% of websites include one or more known-vulnerable JS libs

133k sites scanned. Vulnerable versions:

• jQuery (36.7%)
• Angular (40.1%)
• Handlebars (86.6%)
• more...

Lesson: update your libraries!

Docker

24% of latest hosted Docker images have significant vulnerabilities

Read the overview

Lesson: patch your images!

Glitch

The friendly community where you'll build the app of your dreams

The newer version of Hyperdev

Hosted, beginner-friendly dev environment

Remix applications, Slack bots, web templates and more

Guetzli JPG Encoder

Images are typically 20-30% smaller than images of equivalent quality generated by libjpeg.

While increasing the perceived image quality (though very slow)

Invented by Google and open sourced

Download or build it yourself

RIP DMOZ

June 5, 1998 – March 17, 2017

Marks the official end of the human-curated web

fattest-cat

Script to find fattest cat currently up for adoption at SF SPCA

React Training

From the creators of React Router

• React Fundamentals — $499 (April 5)
• Advanced React — $1,199 (April 6-7)
• At Condé Nast on E. 6th

Squares Conference

Design, UX, front-end, development, and products

• April 26-28 in Grapevine, TX
• Tickets $297 — get 15% off with code meetup
• http://squaresconference.com/

Thanks!

http://edgeATX.github.io/slides

Brian Moeskau — @bmoeskau