Frontend Fuel - Issue 31

News

Big news, Edge is no more. Microsoft is replacing it with a Chromium based browser. https://m.windowscentral.com/microsoft-building-chromium-powered-web-browser-windows-10

Read more about the reasons for the Microsoft change in this public gist from the Edge team. https://github.com/MicrosoftEdge/MSEdge/blob/master/README.md

A short reaction from the Mozilla team on the news. https://blog.mozilla.org/blog/2018/12/06/goodbye-edge/

General Reading

Using prototype code in production is a bad idea. Jeremy Keith explains why. https://adactio.com/journal/14562

Here’s what people in tech had to say about JavaScript when it debuted in 1995. https://medium.com/dailyjs/heres-what-people-in-tech-had-to-say-about-javascript-when-it-debuted-in-1995-a4b81dc05b71

Interesting writeup about CSS-in-JS this week after a tweet by Snookca. https://gist.github.com/threepointone/731b0c47e78d8350ae4e105c1a83867d

Can you have too much accessibility? This article explores this point. https://css-tricks.com/too-much-accessibility/

A new experimental feature is now available in Chrome 71, Background Fetch. https://developers.google.com/web/updates/2018/12/background-fetch

Tutorials

Implementing a variable font with fallback web fonts. https://www.zeichenschatz.net/typografie/implementing-a-variable-font-with-fallback-web-fonts.html

Everything you need to know about CSS environment variables. https://bitsofco.de/css-environment-variables/

Presentations

Dear Developer, the Web Isn’t About You / Charlie Owen / ffconf 2018 [38 mins]. https://www.youtube.com/watch?v=WYXSck7TyVM

Podcast

Take a dive into the recent event-stream malware attack [55 mins]. https://changelog.com/jsparty/54

Tools

If you only need to track pageviews in GA, consider using this snippet. 1.4KB vs 50KB for the standard GA snippet. https://minimalanalytics.com/

Firefox Accessibility Inspector now shows WCAG contrast info on page inspection. https://twitter.com/FirefoxDevTools/status/1072967286116380672

Generate markdown tables quickly with this online tool. https://www.tablesgenerator.com/

Very experimental, but use Puppeteer’s API with Firefox. https://github.com/GoogleChrome/puppeteer/tree/master/experimental/puppeteer-firefox#readme

Demos

Dynamically Generated Alt Text with Azure’s Computer Vision API. https://codepen.io/sdras/pen/jawPGa

Events

You Got This! / January 19th 2019 / London. https://yougotthis.io/

New Adventures Conf / January 23-25th / Nottingham. https://newadventuresconf.com/2019/

Frontend North East / April 3rd / Newcastle. https://2019.frontendne.co.uk/

Libraries & Plugins

Flow-based programming for the Internet of Things (built on Node.js). https://nodered.org/

Off-topic

Ever wondered how Shazam works? Well now you can find out. [10 mins] https://www.youtube.com/watch?v=kMNSAhsyiDg