weekend-update-2017-03.md

Intro

• Josh Unger
• Software Engineer at IdeaRoom - http://www.idearoominc.com
• Share some front end news
• Please share 30 seconds if you know more about the news
• Ask questions anytime

Tomorrow is?

Shadow or no shadow - 1887–2016

https://www.ncdc.noaa.gov/customer-support/education-resources/groundhog-day

News

• http://kangax.github.io/compat-table/es2016plus/

Google Chrome

http://v8project.blogspot.de/2017/02/one-small-step-for-chrome-one-giant.html

• Chrome 56 - Stable

  • Media Stream Image Capture (ImageCapture)
    • https://developers.google.com/web/updates/2016/12/imagecapture
    • https://www.chromestatus.com/features/4843864737185792
    • https://w3c.github.io/mediacapture-image/
    • demo - https://codepen.io/miguelao/pen/BLPzKx?editors=1010
  • position: sticky
    • https://developers.google.com/web/updates/2016/12/position-sticky
    • Demo - http://html5-demos.appspot.com/static/css/sticky.html
  • display: grid
    • https://developers.google.com/web/updates/2017/01/css-grid
    • http://caniuse.com/#feat=css-grid
    • not behind a flag in Chrome 57
  • Web Bluetooth API
    • https://webbluetoothcg.github.io/web-bluetooth/ (sample code)
    • https://googlechrome.github.io/samples/web-bluetooth/
  • WebGL 2.0 API
    • https://hacks.mozilla.org/2017/01/webgl-2-lands-in-firefox/
  • WebVR
    • https://developers.google.com/web/fundamentals/vr/
    • navigator.getVRDisplays()

• Chrome 57 - beta

  • Devtools Timeline tab to Performance - https://developers.google.com/web/updates/2016/12/devtools-javascript-cpu-profile-migration
  • Tweaks to Payment Request API
    • https://developers.google.com/web/updates/2017/01/payment-request-updates
    • https://developers.google.com/web/fundamentals/discovery-and-monetization/payment-request/
  • Media Session API
    • customize media notifications
    • https://developers.google.com/web/updates/2017/02/media-session

• Chrome 58 - canary

  • next time...

  display: flow-root;

Safari

• Who is using Technology Preview?
• Latest 22 on 1/25/2017
  • https://webkit.org/blog/7354/release-notes-for-safari-technology-preview-22/

FireFox

• https://github.com/devtools-html/debugger.html

• FireFox 52

  • Example Grid Layouts - https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_grid_layouts

• FireFox 53 release 4/2017

Other stuff!

• Angular
  • http://angularjs.blogspot.com/2017/03/angular-400-now-available.html
• Webpack 2 and beyond!
  • Jan 17 - https://medium.com/webpack/webpack-2-2-the-final-release-76c3d43bf144#.ye20fr9mc
  • https://medium.com/@TheLarkInn/webpack-2-and-beyond-40520af9067f#.3a4213y2h

Ok, who has news some news to share?

• angular
• react/redux
• es7
• webpack
• vue
• webstorm
• Microsoft Edge

For weekend update, I'm Josh Unger

Future Reading

• Chrome

  • https://googlechromereleases.blogspot.com/
  • https://developers.google.com/web/updates/2016/
  • https://developers.google.com/web/updates/2016/10/devtools-digest
  • https://twitter.com/DevToolsCommits
  • https://blog.chromium.org/
  • https://www.chromestatus.com/features

• Internet Explorer

  • https://blogs.windows.com/msedgedev/
  • https://developer.microsoft.com/en-us/microsoft-edge/platform/changelog/insider/

• FireFox

  • https://www.mozilla.org/en-US/firefox/releases/
  • https://developer.mozilla.org/en-US/Firefox/Releases/
  • https://developer.mozilla.org/en-US/Firefox/Experimental_features
  • https://blog.nightly.mozilla.org/
  • https://twitter.com/FirefoxNightly

• http://stateofjs.com/