Bleeding Edge Web

edgeATX.github.io/slides

edgeATX-invite.herokuapp.com

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:

Capital Factory

Thanks to our sponsor:

TEKsystems

News from the
Bleeding Edge

Browser
Update

Browser Pop Quiz

Last version check — January 2017:

Chrome Firefox Edge Safari
55 51 14
14971
10.1

Browser Pop Quiz

As of March 22, 2017:

Chrome Firefox Edge Safari
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

Edge 14 (15060)

Release Notes

Libraries &
Frameworks

Framework News

ES2017

Finalized at Jan TC39 meeting (overview)

Major new features:

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

Security

JavaScript Libraries

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

133k sites scanned. Vulnerable versions:

Lesson: update your libraries!

Docker

24% of latest hosted Docker images have significant vulnerabilities

Read the overview

Lesson: patch your images!

In Case You
Missed It

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

And now for something completely different...

fattest-cat

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

Upcoming
Events

React Training

From the creators of React Router

Squares Conference

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

Thanks!

http://edgeATX.github.io/slides

Brian Moeskau — @bmoeskau


Bleeding Edge Web

/

#