Bleeding Edge Web

@EdgeATX

edgeATX.github.io/slides

edgeATX-invite.herokuapp.com

Bleeding Edge Web: April 2017

Announcements

News From the Bleeding Edge

— Brian Moeskau (@bmoeskau)

Web Performance Deep Dive

— Chander Dhall (@csdhall)

Thanks to our venue:

Capital Factory

Thanks to our sponsor:

TEKsystems

News from the
Bleeding Edge

Browser
Update

Browser Pop Quiz

Last check — March 22, 2017:

Chrome Firefox Edge Safari
57 52 14
15060
10.1

Browser Pop Quiz

As of April 25, 2017:

Chrome Firefox Edge Safari
57
58
52
53
1415
1506016179
10.1

Chrome 58

Released April 19

Release Notes

Chrome 58

Full IndexedDB 2.0 support

In-browser key/value database with:

(And a teaser of headless Chrome coming soon)

Chrome 58

Full-screen Progressive Web Apps (Android)

Firefox 53

Released April 19 — Release Notes

Nothing major, lots of minor improvements.

Edge 15 (16179)

Released April 11

EdgeHTML 15 public release

Part of Windows 10 Creators Update

(Basically a rollup of stuff we've been talking about for a while)

Safari 10.1 (reminder)

Widely released March 27 — Release Notes

Basically brought it to parity with Chrome and FF

Speaking of Browsers...

Pop Quiz:

Which are the top 5 browsers, worldwide, across all platforms?

Speaking of Browsers...

Top 5 worldwide, all platforms:

Chrome Safari UC Browser Firefox Edge
52% 14% 9% 7% 4%

Speaking of Browsers...

UC Browser

UC Browser

Learn more and know your audience!

Libraries, Tools &
Frameworks

Framework News

Sidebar: CSS Custom Properties

They are awesome — and ready for prime time

Compared to pre-processors (SASS, LESS):

Sidebar: CSS Custom Properties

They are awesome — and ready for prime time *

* You don't need to support IE, right?

New: React VR

Build VR websites and interactive 360 experiences with React

Released April 18 (Github)

PostgreSQL 10

Coming later this year (Fall 2017)

And a whole lot more!

Security

Mandatory CAA Checking

What's a CAA?

Mandatory CAA Checking

The purpose is basically 2 things:

Find out more. Here's an example:

example.com.  CAA 0 issue "letsencrypt.org"
example.com.  CAA 0 iodef "mailto:[email protected]"

Mandatory CAA Checking

Cool! Why should I care?

Bottom line: If you manage DNS, start using this!

In Case You
Missed It

Avoid JS Dialogs

The Chromium team highly recommends that you not use JavaScript dialogs.

Includes alert(), confirm(), and prompt()

They recommend instead using...

StackOverflow 2017 Dev Survey

This year, over 64,000 developers told us how they learn and level up, which tools they’re using, and what they want.

StackOverflow 2017 Dev Survey

This year, over 64,000 developers told us how they learn and level up, which tools they’re using, and what they want.

Upcoming
Events

ATX Hack for Change 2017

A civic hackathon where we hack solutions to our community problems.

Thanks!

http://edgeATX.github.io/slides

Brian Moeskau — @bmoeskau


Bleeding Edge Web

/

#