Frontend Fuel - Issue 14

News

Mozilla have released an extension that allows you to take control of how Facebook is tracking you. https://blog.mozilla.org/firefox/facebook-container-extension/

Sensor APIs are now W3C Candidate Recommendations, including Accelerometer, Gyroscope, Magnetometer, Orientation Sensor, Ambient Light Sensor. https://lists.w3.org/Archives/Public/public-device-apis/2018Mar/0008.html

Slightly older news but everyone can now run JavaScript on Cloudflare with Workers. https://blog.cloudflare.com/cloudflare-workers-unleashed/

MDN is bringing interactive examples to their web docs. https://hacks.mozilla.org/2018/03/bringing-interactive-examples-to-mdn/

General Reading

Interesting article on using viewport based units for typography sizing. https://zellwk.com/blog/viewport-based-typography/

Excellent guide on how the new CSS display: contents; works. https://bitsofco.de/how-display-contents-works/

A topic that was mentioned multiple times at RenderConf this year: Say Hello to Houdini and the CSS Paint API. https://codersblock.com/blog/say-hello-to-houdini-and-the-css-paint-api/

Long article on how Thomasnet.com adopted CSS Grid at scale for their new redesign. https://julian.is/article/css-grid-at-scale/

Tutorials

Machine Learning Tutorial for Beginners - using JavaScript! https://www.youtube.com/watch?v=9Hz3P1VgLz4

Learn the (very) basics of JavaScript in 14 mins. https://jgthms.com/javascript-in-14-minutes/

Creating Accessible HTML: A Crash Course in ARIA Landmark Regions https://medium.com/c2-group/creating-accessible-html-a-crash-course-in-aria-landmark-regions-40513850298b

Ten part series on Ramda: A Functional Programming Library for JavaScript https://knowthen.com/ramda/

CSS now has a proper object-based API for working with values in JavaScript, here’s how to use it. https://developers.google.com/web/updates/2018/03/cssom

Demos

Solar System Explorer using only CSS. https://codepen.io/jcoulterdesign/full/ZxXbeP/

Events

DeltaV Conference / May 10th - 11th / London. https://deltavconf.com/speakers

UX London / May 23rd - 25th / London. https://2018.uxlondon.com/

Pixel Pioneers / June 8th / Bristol https://pixelpioneers.co/

London Tech Week 2018 / June 11th - 17th / London. https://londontechweek.com/

UX Scotland 2018 / June 13th - 15th / Edinburgh. http://uxscotland.net/2018/

Scotland JS 2018 / July 19th - 20th / Edinburgh. http://scotlandjs.com/

Libraries & Plugins

Light-weight, no-dependency, vanilla JavaScript engine to drive user’s focus across the page. http://kamranahmed.info/driver

d3.js hits version 5.0, here are the changes. https://github.com/d3/d3/blob/master/CHANGES.md#changes-in-d3-50

Off-topic

This man uses Microsoft Excel to paint pictures. He’s made some incredible works of art. https://www.youtube.com/watch?v=OrwBc6PwAcY