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