Frontend Fuel - Issue 46

Design System News

GOV.UK Frontend 3.0.0 has been released(!) with a whole host of changes and fixes. These include a new colour palette, new optimised font and a many WCAG 2.1 fixes. See the release notes for more information of this release. https://github.com/alphagov/govuk-frontend/releases/tag/v3.0.0

GOV.UK Prototype Kit 9.0.0 has been released with version GOV.UK Frontend 3.0.0 included: https://github.com/alphagov/govuk-prototype-kit/releases/tag/v9.0.0

Blog post released with an explanation around the colour and font changes in the latest releases: https://designnotes.blog.gov.uk/2019/07/29/weve-updated-the-gov-uk-colours-and-font

Blog post released with information about the accessibility changes in the latest release: https://designnotes.blog.gov.uk/2019/07/29/weve-updated-the-gov-uk-colours-and-font

News

MDN Developer and Designer Survey 2019, get involved! https://qsurvey.mozilla.com/s3/Developer-Needs-Assessment-2019

Firefox are looking to improve their accessibility developer tools and are asking for details about broken websites. https://docs.google.com/forms/d/e/1FAIpQLSfkZ_Hq4UKUtJDynbaZsSdfZEDx3Un9Z7M-MBN4ofy7vOvhlQ/viewform

General Reading

Details of the Cloudflare outage on July 2, 2019. https://blog.cloudflare.com/details-of-the-cloudflare-outage-on-july-2-2019/

Browsers are pretty good at loading pages, it turns out. https://carter.sande.duodecima.technology/javascript-page-navigation/

How to kill IE11 - What the deaths of IE6 and IE8 tell us about killing IE. https://mike.sherov.com/ie11-countdown/

The web can’t survive a monoculture. http://mikepennisi.com/blog/2019/the-web-cant-survive-a-monoculture/

Tutorials

Everything you need to know about CSS margins. https://www.smashingmagazine.com/2019/07/margins-in-css/

Google goes into the SEO basics of JavaScript. https://developers.google.com/search/docs/guides/javascript-seo-basics

Accessibility

Lawsuits by the disabled against websites spike (in the US). http://www.mondaq.com/unitedstates/x/826392/

Deep dive into cross-browser differences with colour inputs (a11y is bad!). https://css-tricks.com/color-inputs-a-deep-dive-into-cross-browser-differences/

Meaning without markup: Accessibility Object Model https://hiddedevries.nl/en/blog/2019-07-22-meaning-without-markup-accessibility-object-model

Presentations

Improving the NHS website using the frontend library - NHS digital show and tell [60 mins] https://www.youtube.com/watch?time_continue=1077&v=Bzs_qJtuxE4

Podcasts

The Fundamentals of JavaScript [44 mins] https://syntax.fm/show/162/the-fundamentals-js

Demos

Clever little demo, play the trombone by resizing your browser. https://matthewrayfield.com/goodies/popup-trombone/

Visual demo of how the planet is mapped every day by the Planet teams satellites. https://nbremer.github.io/planet-globe/

An experiment to create the worst “usable” user interface. Very frustrating! https://userinyerface.com/

Now you can have a chatroom in your DevTools console. https://console.chat/

Events

Future London Academy / August 12-16 / London. http://futurelondonacademy.co.uk/en/course/ux-and-digital-design

SwanseaCon 2019 / Sept 9 / Swansea. http://swanseacon.co.uk/

Finch Front-End / September 23-25 / Edinburgh. https://finchconf.uk/

Generate CSS / Sept 26 / London. https://www.generateconf.com/

FFConf / Nov 8 / Brighton. https://2019.ffconf.org/

Off-topic

‘The Hum’: The Unexplained Noise 2% of People Can Hear [25 mins] https://www.youtube.com/watch?v=ZwE8kIBd1xY