Frontend Fuel - Issue 42

News

W3C and the WHATWG have just signed an agreement to collaborate on the development of a single version of the HTML and DOM specifications. https://www.w3.org/blog/2019/05/w3c-and-whatwg-to-work-together-to-advance-the-open-web-platform/

More information from Microsoft about the upcoming stable release of Edge on macOS. https://blogs.windows.com/msedgedev/2019/05/20/microsoft-edge-macos-canary-preview/

GOV.UK Frontend gets a new release which includes some new Nunjucks features and bug fixes. https://github.com/alphagov/govuk-frontend/releases/tag/v2.12.0

General Reading

Chromium is getting a new layout engine called LayoutNG. Due for release in Chrome 76. https://www.chromium.org/blink/layoutng

Firefox 67 has just been released. You can now run different FF installs side by side easily. https://blog.nightly.mozilla.org/2019/01/14/moving-to-a-profile-per-install-architecture/

Deep dive into native lazy-loading for images and iframes. https://css-tricks.com/a-deep-dive-into-native-lazy-loading-for-images-and-frames/

Article all about the forgotten web browsers of the early 90’s. https://arstechnica.com/information-technology/2019/05/before-netscape-forgotten-web-browsers-of-the-early-1990s/

Tutorials

12 tips for writing clean and scalable JavaScript. https://blog.logrocket.com/12-tips-for-writing-clean-and-scalable-javascript-3ffe30abfe20/

Tutorial on the fundamentals of the Three.js library. https://threejsfundamentals.org/threejs/lessons/threejs-fundamentals.html

We’ve gone full circle. Using CSS Grid to create flexible data tables. https://adamlynch.com/flexible-data-tables-with-css-grid/

Accessibility

How to create accessible icon buttons. https://www.sarasoueidan.com/blog/accessible-icon-buttons/

Article going through the steps of creating a custom language picker and keeping it accessible. https://codyhouse.co/blog/post/accessible-language-picker

Making websites work with windows high contrast mode. http://engineering.khanacademy.org/posts/windows-high-contrast-mode.htm

Tools

VSCode browser preview gets the ability to inspect elements. https://github.com/auchenberg/vscode-browser-preview/issues/55

Demos

A list of amazing things that CSS can do! https://dev.to/ananyaneogi/css-can-do-that-18g7

Stunning WebGL fluid simulation demo. Works really well on mobile too. https://paveldogreat.github.io/WebGL-Fluid-Simulation/

Events

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

https://youtu.be/wL7tSgUpy8w Teaching a neural network to drive a car. Watch how the cars learn how to drive around the track in only a ver generations.