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.