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