Bleeding Edge Web: February 2018
News From the Bleeding Edge
— Brian Moeskau (@bmoeskau)
A Brief Introduction to Web RTC
— Sherwin Sim
Housekeeping
Announcements
News from the
Bleeding Edge
Browser Pop Quiz
Last check — January 24, 2018:
Browser Pop Quiz
As of February 28, 2018:
Chrome 64
Released Jan 25 — Release Notes
- Improved popup blocking and window.alert() behavior
- Support for Request.cache
- Avoid scrolling on focus via preventScroll
- preload for <audio> and <video>
now defaults to "metadata"
Chrome 64
Released Jan 25 — Release Notes
TC39 proposals implemented:
Chrome 64
- Get notified when any content rectangle changes size
- Unfortunately only supported by Chrome (polyfill options)
- Check out the example below
const ro = new ResizeObserver(item => {
item.target.style.borderRadius =
Math.max(0, 250 - item.contentRect.width) + 'px';
});
ro.observe(document.querySelector('.some-item'));
Safari 11.1
ES2018 Features
Safari 11.1
Other Interesting Highlights
- Support for Web App Manifest
- Added Coordinates.floorLevel to geolocation
- Canvas debugging in Web Inspector
- And a lot more!
Languages, Libraries &
Frameworks
Next.js 5
Released February 5th
A toolkit for universal, server-rendered React applications
- Universal (client + server) Webpack
- TypeScript, LESS, SASS support
- Composable applications via Zones
- And more!
Ember 3.0
Released February 14th
No new features!
- Dropped IE 9 & 10 and PhantomJS
- Removing <script>-driven development support
- Lots of deprecated APIs dropped
Electron 2.0.0 (beta)
Released February 21st
Build cross platform desktop apps with JavaScript, HTML, and CSS
- Upgrades to Chrome (61), Node (8.9) and v8 (6.1)
- A few minor breaking changes
- Lots of fixes and minor features
Webpack 4.0.0
Released February 24th
- "Up to 98% faster"
- Sensible defaults via mode
- WebAssembly support
- Module types (JS, ES, JSON, wasm)
- Way more + breaking changes—check out the release notes!
A JS library for handling Force Touch, 3D Touch, and Pointer Pressure on the web
- Simple API that works across all devices
- Device support detection (with polyfill fallback)
- Multitouch / variable force support
Symantec Certs Untrusted
Chrome 65 will no
longer trust Symantec-issed SSL certificates older than June 1, 2016
Symantec had entrusted several organizations with the ability to issue certificates without the appropriate
or necessary oversight, and had been aware of security deficiencies at these organizations for some time.
Pwned Passwords V2
A free database of 501,636,842 known compromised passwords
State of JS Frameworks & Libraries
Mega interview (2.5 hours!) with framework all-stars
Updates on latest framework features
Bleeding Edge
~ 90's edition ~
Easily the best React counter you'll find anywhere on Altavista.
import RetroHitCounter from 'react-retro-hit-counter';
const counter = () => (
<RetroHitCounter hits={1337} />
);
Make sure you check out the demo page
An open source remake of SimCity 2000 written in JS using HTML5 Canvas, SQLite and built on Electron.
An JavaScript NES emulator for the browser and Node.
Play the online demos
Thanks!
←
→
/
#
