Frontend Fuel - Issue 4

First published: Read time: 1 min

News

Google is looking to add permissions to Chrome to stop in-browser cryptocurrency miners https://www.bleepingcomputer.com/news/google/google-chrome-may-add-a-permission-to-stop-in-browser-cryptocurrency-miners/

Firebug has now reached end-of-life in the Firefox browser. Sad times :( https://hacks.mozilla.org/2017/10/saying-goodbye-to-firebug/

Mozilla has plans to grow collaboration with Microsoft & Google around the MDN Web Docs. https://blog.mozilla.org/blog/2017/10/18/mozilla-brings-microsoft-google-w3c-samsung-together-create-cross-browser-documentation-mdn/

General Reading

Learning modern JS is hard if you haven’t been keeping up with the latest developments. This article should help bring you up to speed. https://medium.com/@peterxjang/modern-javascript-explained-for-dinosaurs-f695e9747b70

Using CSS Grid to optimise performance and accessibility on slack.com. https://slack.engineering/rebuilding-slack-com-b124c405c193

The story of CSS Grid, 20 years in the making. https://alistapart.com/article/the-story-of-css-grid-from-its-creators

Airbnb instantly translating sketches into a finished product using machine learning. https://airbnb.design/sketching-interfaces/

If you are a designer who loves typesetting and numerals, there’s so much more you can be doing on the modern web. https://alistapart.com/preview/web-typography-numerals

Tutorials

Paint Timing API: Metrics around the browser paint process will help you spot bottlenecks and improve performance. https://www.sitepen.com/blog/2017/10/06/improving-performance-with-the-paint-timing-api/

Presentations

CSS Grid Changes EVERYTHING [32 min] https://www.youtube.com/watch?v=7kVeCqQCxlk

Tools

Sonar, a new linting tool and site scanner for the modern web by Microsoft. https://blogs.windows.com/msedgedev/2017/10/25/introducing-sonar-site-scanner/

Magnificent app which corrects your previous console command. What a great name… https://github.com/nvbn/thefuck/blob/master/README.md

349 fantastic cheatsheets written by developers, for developers https://devhints.io/

Software licences explained in plain english https://tldrlegal.com/

A full-featured visual HTTP client. All the features you need to build and send advanced API requests https://paw.cloud/client

Demos

More sorting algorithms visualised, this time in gif format. https://imgur.com/gallery/voutF

Events

5th Cross-government accessibility meet up / London / 31 Oct https://www.eventbrite.co.uk/e/5th-cross-government-accessibility-meet-up-tickets-38773923850

AngularConnect 2017 / London / 7-8 November http://angularconnect.com/

FrontEndNorth / Sheffield / 19 Jan 2018 https://frontendnorth.com/

UpFront Conf 2018 / Manchester / 16 March 2018 http://lanyrd.com/2018/upfrontconf/

Off-topic

Impressive facial expression video showing what can be done using Maya and the Unreal engine. Uncanny valley anyone? https://www.youtube.com/watch?v=Vo_FALeUc8c