Frontend Fuel - Issue 23

News

China releases its first ‘fully homegrown’ browser, which turns out to be Google Chrome. https://shanghai.ist/2018/08/16/chinas-first-fully-homegrown-web-browser-found-to-be-google-chrome-clone/

NPM have released three new security features to help protect users. https://blog.npmjs.org/post/177279385225/three-new-features-to-help-our-users-protect

There’s been progress on native lazy-loading of images and iframes coming to the web platform. https://twitter.com/feross/status/1029134817135353856

General Reading

Article around making legacy sites more performant by using modern frontend techniques. https://www.lullabot.com/articles/making-legacy-sites-more-performant-using-modern-frontend-techniques

Progressive enhancement and the concept of ‘minimum viable experience’ is still relevant on todays web. https://medium.com/no-divide/the-power-of-progressive-enhancement-98738766b009

Great article giving an overview of the service worker and how it can be used. https://hackernoon.com/service-workers-62a7b14aa63a

Blog post from Remy Sharp about his current CLI setup. https://remysharp.com/2018/08/23/cli-improved

A blog post that examines the new WCAG 2.1 standard level by level, starting with Level A. https://objectpartners.com/2018/08/09/the-whats-and-whys-of-wcag-2-1/

Tutorials

Learn how to write and run tests for your JavaScript using Mocha. https://blog.logrocket.com/a-quick-and-complete-guide-to-mocha-testing-d0e0ea09f09d

A primer to frontend automation testing. https://medium.com/walmartlabs/primer-on-front-end-automation-a9eee2c6bc1

Short video on how to speed up console logging in VSCode [4 mins]. https://www.youtube.com/watch?v=QbHHhLVcXNM

Presentations

Web performance made easy from Google I/O 2018 [41 mins]. https://www.youtube.com/watch?time_continue=2&v=Mv-l3-tJgGk

Books

New book from Dr. Axel Rauschmayer offering a modern view to JavaScript that is as consistent as possible. http://exploringjs.com/impatient-js/

Tools

A tool that helps designers and developers test entire color systems for contrast and accessibility. https://hexnaw.com/

Webhint is a linting tool that will help you with your site’s accessibility, speed, security. https://webhint.io/

Demos

Nostalgia alert: Windows 2000 compiled to WebAssembly running in the browser. https://twitter.com/teo_basso/status/1032029991771492354?s=12

Now you can build your own Mars rover using code NASA JPL has open sourced on GitHub. https://opensourcerover.jpl.nasa.gov/#!/home

Code on GitHub for the Mars rover. https://github.com/nasa-jpl/open-source-rover

Events

State of the Browser / September 8th / London. https://2018.stateofthebrowser.com/

InteractConf / October 17th / London. https://2018.interactconf.com/

View Source Conference / 26th October / London. https://events.mozilla.org/viewsource2018

FFConf / November 8 & 9th / Brighton. https://2018.ffconf.org/

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

Off-topic

Making games better for gamers with colourblindness & low vision by designing for disability [14 mins]. https://www.youtube.com/watch?v=xrqdU4cZaLw