Bleeding Edge Web

edgeATX.github.io/slides

edgeatx.slack.com
[email protected]

Bleeding Edge Web: January 2016

Announcements

News from the Bleeding Edge

— Corey Butler (@goldglovecb)

Intro to Web Components

— Corey Butler (@goldglovecb)

Polymer & PolyRest

— Pete Carapetyan

Lightning Talks

  1. Preview of Chassis: A UI Unframework (Corey)
  2. Preview of NGN: Microservices w/ Docker+Node.js (Corey)
  3. JavaScript Job Market in 2016 (Ankit Patel)
  4. CSS Modules (Alden Daniels)
  5. Web Components w/ VueJS (Ted Patrick)

Thanks to our venue sponsor:

Capital Factory

Thanks to our food sponsor:

Atlas Wearables

News from the
Bleeding Edge

Browser
Update

Browser Pop Quiz

Last version check — October 2015:

Chrome Firefox Opera Edge Safari
46 41 33 13+ 9

Browser Pop Quiz

As of January 27, 2016:

Chrome Firefox Opera Edge Safari
46
48
41
44
33
34
13+
10586
9
9.1

See our notes about Microsoft Edge Versioning.

Chrome 47 & 48

Chrome (cont...)

requestIdleCallback allows scheduling a task to run when the browser is idle. This makes it possible to perform background work on the main event loop, without impacting latency-critical events such as animation and input response.

requestIdleCallback(function (deadline) {
  while (deadline.timeRemaining() > 0)
    doWorkIfNeeded();
});

Chrome (cont...)

Chrome Devtools Security Panel

Chrome Userland

Devtools Author Themes (25 Themes)

Firefox 44

Release Notes

Firefox Service Worker & Push Notifications

self.addEventListener('push', function(event) {
  event.waitUntil(
    self.registration.showNotification('Example Notification', {
      body: 'Hello, world!',
    })
  );
})

*Partial support in Chrome

Aside: brotli compression

What is it? Brotli is a compression algorithm from Google.

Opera 33

Release notes

Safari 9.1

Release Notes

Picture Element Support

<picture>
  <source media="(min-width: 1000px)" srcset="picture_large.jpg">
  <source media="(min-width: 500px)" srcset="picture_small.jpg">
  <img src="picture_default.jpg">
</picture>

Better web inspector response times

WebGL rendering exposed to detect hardware capabilities.

Edge 10586

  • Primarily bug fixes.
  • ES2015 support increased to 90%
  • Libraries &
    Frameworks

    Notable Releases

    Another new browser?

    Brave

    The new Brave browser blocks all the greed and ugliness on the Web that slows you down and invades your privacy. Then we put clean ads back, to fund website owners and Brave users alike. Users can spend their funds to go ad-free on their favorite sites.

    It's amazing how fast a page loads when you strip away everything but the real content.

    Upcoming
    Events

    Local

  • Open Austin Civic Hack Night (2/2/16 @WeWork on Congress 6:30pm)
  • MakerPrep (2/1 - 2/27, $750)*

  • *FULL DISCLOSURE

    Bleeding Edge Web gets $50 towards the meetup for each person who uses this link to sign up.

    Thanks!

    http://www.meetup.com/bleeding-edge-web/

    http://edgeATX.github.io/slides

    Corey Butler — @goldglovecb

    Bleeding Edge Web

    /

    #