Frontend Fuel - Issue 25
News
GOV.UK Frontend v2.0.0 has been released with a number of breaking changes. Please check the changelog notes before updating. https://github.com/alphagov/govuk-frontend/releases/tag/v2.0.0
The AMP project is moving towards an open governance model with the help Léonie Watson and Terence Eden. https://amphtml.wordpress.com/2018/09/18/governance/
Microsoft has started intercepting Chrome / Firefox installations, prompting the user to use Edge. https://www.ghacks.net/2018/09/12/microsoft-intercepting-firefox-chrome-installation-on-windows-10/
A bug has popped up in Safari 12 whereby an arrays state is cached after a page refresh. https://stackoverflow.com/questions/52390368/array-state-will-be-cached-in-ios-12-safari-is-it-a-bug-or-feature
General Reading
When Google indexes a website it is a two pass process. First with JS off, then JS on a week later. See full talk in presentation section below. https://twitter.com/Paul_Kinlan/status/1039852756113080320
An article from Alex Russell around the overuse of JavaScript on the web today. https://infrequently.org/2018/09/the-developer-experience-bait-and-switch/
Using WebPagetest and Wappalyzer to analyse Loading Speed across JS Frameworks. https://discuss.httparchive.org/t/loading-speed-across-js-frameworks/1479
The basic architecture concepts I wish I knew when I was getting started as a web developer. https://engineering.videoblocks.com/web-architecture-101-a3224e126947
Accessibility
Customise radio buttons without compromising accessibility. https://www.chenhuijing.com/blog/customise-radios-without-compromising-accessibility/#%F0%9F%91%9F
Solving traditional accessibility problems the untraditional way (machine learning and a neural networks). https://codeburst.io/solve-traditional-accessibility-problems-the-untraditional-way-60208c81efa6
Tutorials
Deliver fonts to users quickly with this font loading checklist. https://www.zachleat.com/web/font-checklist/
A list of the low hanging fruit in web performance. http://mediatemple.net/blog/tips/low-hanging-fruit-web-performance/
Progressively Enhanced CSS Layouts: Floats to Flexbox & Grid. https://www.sitepoint.com/css-layouts-floats-flexbox-grid/
An excellent introduction to Web Workers. https://auth0.com/blog/speedy-introduction-to-web-workers/
Podcasts
Wes and Scott discuss 11 Habits of Highly Effective Developers. https://syntax.fm/show/074/11-habits-of-highly-effective-developers
Darin Fisher (VP for Google Chrome) on how they designed Google Chrome. https://developers.google.com/web/shows/designer-vs-developer/podcast/DVDS4E01-how-we-designed-chrome
Presentations
Deliver search-friendly JavaScript-powered websites (Google I/O ‘18) [39mins] https://youtu.be/PFwUbgvpdaQ?t=14m2s
Tools
A page to display compatible browsers from a browserslist string. https://browserl.ist/
Find the cost of adding a npm package to your bundle. https://bundlephobia.com/
Not development related but a handy tool I found. It can help you to Add or Subtract Days/Weeks/Months/Years from a Date. https://calculat.io/en/date/today/plus/6/months
Demos
A 13KB JavaScript game called “underrun”, making of article listed below. https://phoboslab.org/underrun/
The making of Underrun. https://phoboslab.org/log/2018/09/underrun-making-of
Bring back some nostalgic gaming memories with color cycling with web workers. https://daverupert.com/2018/09/color-cycling-image-pixels-with-workers/
How to force restart any iOS device with just CSS? https://twitter.com/pwnsdx/status/1040944750973595649
Events
Agile Cambridge 2018 / September 26-28 / Cambridge http://agilecambridge.net/2018/
The Artificial Intelligence Conference 2018 / October 8-11 / London https://conferences.oreilly.com/artificial-intelligence/
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/
Pixel Pioneers Belfast 2018 / November 22-23 / Belfast https://pixelpioneers.co/events/belfast-2018/
You Got This! / January 19th 2019 / London. https://yougotthis.io/
New Adventures Conf / January 23-25th / Nottingham https://newadventuresconf.com/2019/
Off-topic
Now anyone can be a great dancer. Just try to copy a dance as best you can and let computer motion transfer do the rest. [3mins] https://youtu.be/PCBTZh41Ris