Bleeding Edge Web: September 2018
News From the Bleeding Edge
— Brian Moeskau (@bmoeskau)
Testing Big in JavaScript
— Robert DeLuca (@robdel12)
Housekeeping
- Speakers and sponsors always wanted (edgeatx.org)
- Parking has changed... again!
- Omni hotel bar (downstairs) after meetup
- Anyone hiring / looking?
News from the
Bleeding Edge
Browser Pop Quiz
Last check: August 16, 2018:
Browser Pop Quiz
As of September 20, 2018:
Chrome 69
Released September 5th —Release Notes
UI Refresh
- Optimized for mobile and Material UI
- The jury is still out...
Chrome 69
- Provides optimized scroll element positioning
- Silky smooth carousel transitions
#gallery {
scroll-snap-type: x mandatory;
overflow-x: scroll;
}
#gallery img {
scroll-snap-align: center;
}
Chrome 69
- Browsers reserve "safe area" margins by default
- Use entire UI with viewport-fit=cover + safe-area-inset-*
.content {
padding: 16px;
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
}
Chrome 69
- Used to coordinate access to shared resources
- Subsequent requests are blocked/queued
navigator.locks.request('db_sync_lock', async lock => {
// The lock has been acquired.
await do_something();
await do_something_else();
// Now the lock will be released.
});
Chrome 69
Firefox 62
Released September 5th —Release Notes
New JS APIs
console.log(import.meta);
// { url: "file:///home/user/my-module.js" }
Firefox 62
Lots of Minor Updates
Firefox Reality 1.0
Released September 18th
- Designed ground-up for "mixed reality"
- Voice search, private browsing, open source
- Available now for Vive, Oculus and Daydream
Languages, Libraries &
Frameworks
Johnny-Five 1.0
The JavaScript Robotics Programming Framework
Released August 23rd
- Control anything from Arduino to XBox
var five = require("johnny-five");
var board = new five.Board();
board.on("ready", function() {
var led = new five.Led(13); // pin 13
led.blink(500);
});
Gatsby 2.0
Build blazing fast, modern websites with React
Released September 17th
- Data source + React / CSS + static hosting
- Faster builds, 31% smaller runtime
- React 16, webpack 4, Babel 7
- GraphQL, "ludicrous mode" hot reloading
- And more, check it out
Electron 3.0
Released September 18th
- Updated with Chrome 66, Node 10.2, V8 6.6
- Lots of new features and fixes
- Note the breaking API changes!
Ky
Tiny and elegant HTTP client based on the browser Fetch API
Released September 4th
- Written by Sindre Sorhus
- Simpler than fetch with helpful defaults
- Timeout, retry support
- JSON, hooks, HTTP method shortcuts
Azure Outage Sept. 4th
It was the longest outage for customers in our 7-year history
- Everything, including the statue page, was down for ~21 hours
- Cascading failures, due to electrical storms in Texas
- Read the full post-morten
State of JS 2018 Survey
Annual state of the JavaScript ecosystem, by developers
Look Who's Turning 10
Chrome and V8 launched on Sept 2, 2008
And now for something completely different...
WWWBasic
BASIC designed to be easy to run on the Web
Written by Google ¯\_(ツ)_/¯ (demo | source)
var basic = require('wwwbasic'); // from NPM
basic.Basic(
`
PRINT "Hello Bleeding Edge!"
FOR i = 1 to 10
PRINT "I can count to "; i
NEXT i
`);
Thanks!
←→ /
#
