Frontend Fuel - Issue 20

News

An npm module called eslint-scope was compromised last week, here’s the issue on Github. https://github.com/eslint/eslint-scope/issues/39

Here’s the followup incident report from npm around eslint-scope. https://blog.npmjs.org/post/175824896885/incident-report-npm-inc-operations-incident-of

CSS-nesting proposal issue raised in csswg-drafts on GitHub. Warning, long thread! https://github.com/w3c/csswg-drafts/issues/2701#issuecomment-402392212C

Chrome 67 on desktop has a new feature called Site Isolation enabled by default. https://developers.google.com/web/updates/2018/07/site-isolation

General Reading

Seven easy-to-implement guidelines to design a more accessible web. https://uxdesign.cc/designing-for-accessibility-is-not-that-hard-c04cc4779d94

Pixels vs. Ems: Users DO Change Font Size. https://medium.com/@vamptvo/pixels-vs-ems-users-do-change-font-size-5cfb20831773

What is the CSS ‘ch’ Unit? https://meyerweb.com/eric/thoughts/2018/06/28/what-is-the-css-ch-unit/

Introduction to the CSS Paint API. https://css-tricks.com/the-css-paint-api/

The Page Visibility API provides events you can watch for to know when a document becomes visible or hidden. https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API

Tutorials

There are a number of different ways you can fit text to a container. https://css-tricks.com/fitting-text-to-a-container/

Introduction to Node.js for Frontend developers. https://blog.bloomca.me/2018/06/21/nodejs-guide-for-frontend-developers.html

Audit your sites performance using the Firefox Developer tools. https://www.sitepoint.com/performance-auditing-a-firefox-developer-tools-deep-dive/

Tools

Start creating your own CSS Grid Layouts simply and easily with this magic tool. https://www.layoutit.com/grid

Demos

The div that looks different in every browser! https://twitter.com/Martijn_Cuppens/status/1015169981368225793

Events

Scotland JS 2018 / July 19th - 20th / Edinburgh. http://scotlandjs.com/

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

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

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

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

Libraries & Plugins

Announcing TypeScript 3.0 RC. https://blogs.msdn.microsoft.com/typescript/2018/07/12/announcing-typescript-3-0-rc/

Off-topic

Fascinating engineering facts about the RMS Titanic. Highly recommend subscribing to this channel, all the videos are fantastic. https://www.youtube.com/watch?v=fHmgF4ibmuk