Frontend Fuel - Issue 24
News
Chrome can disable JavaScript altogether on slow networks. Progressive Enhancement can save the day in this situation. https://timkadlec.com/remembers/2018-09-06-chromes-noscript-intervention/
Google wants websites to adopt AMP as the default approach to building webpages. https://www.polemicdigital.com/google-amp-go-to-hell/
Another AMP article on how Google has a monopoly on search rankings and is pushing for AMP-first development. https://sonniesedge.co.uk/posts/amp-urls/
Chrome turns 10 years old, so what’s new in Chrome 69? https://developers.google.com/web/updates/2018/09/nic69
General Reading
It’s time to start considering how our websites will sound when a user uses Alexa, Cortana, Siri etc. https://alistapart.com/article/conversational-semantics
Variable Fonts are the latest addition to the OpenType font format and change the way we make and use fonts. https://blog.prototypr.io/an-exploration-of-variable-fonts-37f85a91a048
::before vs :before exist, but which version is correct? https://css-tricks.com/to-double-colon-or-not-do-double-colon/
Github has removed jQuery from their frontend. An interesting article on why and how they did it. https://githubengineering.com/removing-jquery-from-github-frontend/
What’s New In Chrome 70 DevTools. https://developers.google.com/web/updates/2018/08/devtools
Tutorials
Getting Started with Service Workers. https://alligator.io/js/service-workers/
A guide to native Lazy Loading for the Web. https://css-tricks.com/a-native-lazy-load-for-the-web-platform/
Presentations
Solving container queries today | CSS Day 2018 [45mins] https://vimeo.com/286945944
Podcasts
Accessibility podcast, from the basics and easy wins to best practices, tools, resources [1hr 13mins] https://syntax.fm/show/072/accessibility
Tools
What’s new in Visual Code Studio (v1.27). https://code.visualstudio.com/updates/v1_27
Babel 7.0.0 has been released and includes a tonne of changes. http://babeljs.io/blog/2018/08/27/7.0.0
Using Chrome’s anonymous usage statistics to count the occurrences of certain HTML and JavaScript features in the wild. https://www.chromestatus.com/metrics/feature/popularity
PWA discovery tools
PWA Directory - A Directory of Progressive Web Apps. https://pwa-directory.appspot.com/
Great examples of progressive web apps in one room. https://progressivewebapproom.com/
Whole host of PWA Apps in one place. https://outweb.io/
Appscope - Featured and popular apps. https://appsco.pe/
Events
Generate London 2018 / September 19-21 / London https://www.generateconf.com/
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/
Off-topic
The school lunch is an important part of the Japanese school curriculum. Get an inside look into how the Japanese school lunch is made and what food education looks like in one of Japan’s public elementary schools. [23mins] https://www.youtube.com/watch?v=fze5s1SlqB8