Frontend Fuel - Issue 22

News

Let’s Encrypt root certificates now trusted by all major root programmes. https://www.neowin.net/news/lets-encrypt-root-certificates-now-trusted-by-major-root-programmes

Fuel some creative coding by seeing if you can create a game with a 13k limit. http://2018.js13kgames.com/

Chrome 69 hits the beta channel and comes with a whole host of new features https://blog.chromium.org/2018/08/chrome-69-beta-av1-video-decoder-css.html

General Reading

Addy Osmani on the cost of serving JavaScript to users in 2018. https://medium.com/@addyosmani/the-cost-of-javascript-in-2018-7d8950fbb5d4

It is amazing what one line of poor performant JavaScript can have on your users. The FT team give a walk through of the issue and the fix. https://medium.com/ft-product-technology/this-one-line-of-javascript-made-ft-com-10-times-slower-5afb02bfd93f

Algorithms and data structures implemented in JavaScript with explanations and links to further readings. https://github.com/trekhleb/javascript-algorithms

Why website body text should be bigger, and ways to optimize it. https://blog.marvelapp.com/body-text-small/

The Beacon API is a lightweight and efficient way to log information from a web page back to a server. https://www.smashingmagazine.com/2018/07/logging-activity-web-beacon-api/

Resource lists

A whole lot of Web Typography resources listed in one place. https://betterwebtype.com/web-typography-resources

A list of collected and curated Node.js security best practices. https://medium.com/@nodepractices/were-under-attack-23-node-js-security-best-practices-e33c146cb87d

Tutorials

Building Interactive Bar Charts with JavaScript using D3.js https://blog.risingstack.com/d3-js-tutorial-bar-charts-with-javascript/

Six common git mistakes and how to solve them. https://about.gitlab.com/2018/08/08/git-happens/

Working with viewport units on mobile devices. https://css-tricks.com/the-trick-to-viewport-units-on-mobile/

Handy illustrated guide to Flexbox. https://medium.freecodecamp.org/the-complete-illustrated-flexbox-tutorial-d35c085dbf35

Presentations

Performance techniques using new Web APIs https://github.com/manucorporat/perf-apis-2/blob/dcec287625cd4d6aca5e92ad2ad52b0f7fdb1989/performance-techniques.pdf

Demos

Mr Doob demoing some WebVR/WebXR support in three.js. https://twitter.com/mrdoob/status/1024717659307307008

It is impressive what you can achieve with a canvas element and 140 characters of JavaScript. https://www.dwitter.net/

Events

London Accessibility Meetup #17 / August 23rd / London. https://www.meetup.com/London-Accessibility-Meetup/events/253558737/

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/

Libraries & Plugins

A JavaScript library stores the form-data to the localstorage so you don’t have to fill the form again. https://appleple.github.io/form-storage/

Off-topic

“Tractor Hacking: The Farmers Breaking Big Tech’s Repair Monopoly” Farming in 2018 involves a huge amount of technology. Unfortunatly the diagnostic tools needed to repair this technology is proprietary so farmers are unable to fix the issues themselves. Meet the farmers who are trying to change this. https://www.youtube.com/watch?v=F8JCh0owT4w