Frontend Fuel - Issue 41

News

Microsoft is adding an “IE Mode” to their Edge Chromium based browser. https://www.theverge.com/2019/5/6/18527875/microsoft-chromium-edge-new-features-build-2019

The GoogleBot gets a major upgrade. It not uses an evergreen version of Chromium. https://webmasters.googleblog.com/2019/05/the-new-evergreen-googlebot.html

Google adds the ability to use font-display when using Google Fonts. https://www.zachleat.com/web/google-fonts-display/

GitHub releases its own package registry. https://github.com/features/package-registry

General Reading

Inside Microsoft’s surprise decision to work with Google on its Edge browser. https://www.theverge.com/2019/5/6/18527550/microsoft-chromium-edge-google-history-collaboration

Article all about the advantages of using TDD. https://medium.com/javascript-scene/tdd-changed-my-life-5af0ce099f80

Using dark mode with the latest Safari update (12.1). https://webkit.org/blog/8840/dark-mode-support-in-webkit/

Touch devices should not be judged by their size https://css-tricks.com/touch-devices-not-judged-size/

Tutorials

How to write the perfect unit test and how to ensure your tests stay readable, usable and maintainable. https://javascriptplayground.com/the-perfect-javascript-unit-test/

Parallel streaming of progressive images. https://blog.cloudflare.com/parallel-streaming-of-progressive-images/

A deep look into logging in Node.js https://www.twilio.com/blog/guide-node-js-logging

Accessibility

Accessibility testing tool from Microsoft to help fix common errors. https://accessibilityinsights.io/

A new (and easy) way to hide content accessibly. https://zellwk.com/blog/hide-content-accessibly/

Why, How, and When to Use Semantic HTML and ARIA. https://css-tricks.com/why-how-and-when-to-use-semantic-html-and-aria/

Demos

A truly monstrous async web chat using no JS whatsoever on the frontend. [Thanks Max F] https://github.com/kkuchta/css-only-chat

Microsoft’s Edge for macOS arrives in preview. https://venturebeat.com/2019/05/07/microsofts-edge-browser-arrives-for-macos-in-2-beta-versions/

To celebrate 10 years since Minecraft’s first public release, Mojang have released a version in the browser. https://classic.minecraft.net/

534 ways to reload the page using JavaScript. http://www.phpied.com/files/location-location/location-location.html

Events

UX London 2019 / May 29-31 / London. https://2019.uxlondon.com/

DesignOps Global 2019 / May 30-31 / Manchester. https://designops-conference.com/

JSConf EU / June 1-2 / Berlin. https://2019.jsconf.eu/

Pixel Pioneers Bristol 2019 / June 7 / Bristol. https://pixelpioneers.co/

Lead Developer London 2019 / June 11-12 / London. https://london2019.theleaddeveloper.com/

Patterns Day 2019 / June 28 / Brighton. https://patternsday.com/

JAMstack Conf / July 9-10 / London. https://jamstackconf.com/london/

Off-topic

Interesting five minute overview all about resolution. Part of a small series that also includes aspect ratio and frame rate. https://www.youtube.com/watch?v=1unkluyh2Ks