Frontend Fuel - Issue 19

News

Last week we updated the Service Manual guidance around IE8-10. Read all about it here. https://gdstechnology.blog.gov.uk/2018/06/26/changing-our-testing-requirements-for-internet-explorer-8-9-and-10/

What’s new in Firefox 61? The new accessibility inspector looks very useful. https://hacks.mozilla.org/2018/06/firefox-61-quantum-of-solstice/

Very interesting article and research by npm on how JavaScript is used across industries. https://blog.npmjs.org/post/175311966445/javascript-usage-by-industry

General Reading

How you can improve your workflow using the JavaScript console. https://medium.freecodecamp.org/how-you-can-improve-your-workflow-using-the-javascript-console-bdd7823a9472

Assessing Loading Performance in Real Life with Navigation and Resource Timing. https://developers.google.com/web/fundamentals/performance/navigation-and-resource-timing/

Feature policy API: selectively enable, disable, or modify the behaviour browser features and APIs within an application. https://wicg.github.io/feature-policy/

The placeholder attribute contains a surprising amount of issues that prevent it from delivering on what it promises. https://www.smashingmagazine.com/2018/06/placeholder-attribute/

Tutorials

A (very) brief guide to accessibility and Firefox’s new accessibility inspector https://developer.mozilla.org/en-US/docs/Tools/Accessibility_inspector

How and Why We Unit Test Our Sass https://seesparkbox.com/foundry/how_and_why_we_unit_test_our_sass

BEM For Beginners: Why You Need BEM https://www.smashingmagazine.com/2018/06/bem-for-beginners/

Presentations

JavaScript Engines: The Good Parts™ - Mathias Bynens & Benedikt Meurer - JSConf EU 2018 [23 mins] Related article here: https://mathiasbynens.be/notes/shapes-ics https://www.youtube.com/watch?v=5nmpokoRaZI

The Cost Of JavaScript - Addy Osmani - Fluent 2018 [20 mins] https://www.youtube.com/watch?v=63I-mEuSvGA

Where is CSS4? When is it coming out? - Jen Simmons [7 mins] https://www.youtube.com/watch?v=Jtmkk6odggs

Golden Rules of Typography on the Web - Richard Rutter, Clearleft https://noti.st/rar/mz1rIY

Tools

Start your Monday by feeling nostalgic on how the web used to be with this on-line tool. http://oldweb.today/

A macOS app for quick access to WCAG color contrast ratios. https://usecontrast.com/

Demos

A web component for drawing patterns with CSS. https://css-doodle.com/

Events

7th Cross-government accessibility meet up / July 9th / London. https://www.eventbrite.co.uk/e/7th-cross-government-accessibility-meet-up-tickets-47258844476

FullStack 2018 / July 11th - 13th / London. https://skillsmatter.com/conferences/9815-fullstack-2018-the-conference-on-javascript-node-and-internet-of-things

UX Bristol / July 13th / Bristol. http://2018.uxbristol.org.uk/

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

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

Off-topic

A boy in the US ate “Gummy Vitamins” thinking they were sweets over a number of months. Bad things happened. Remember not to exceed the RDA! https://www.youtube.com/watch?v=mZ6nREONy_4