Frontend Fuel - Issue 10

News

Big month for PWA’s and Service workers as they land in macOS Safari and iOS Safari. https://medium.com/@firt/pwas-are-coming-to-ios-11-3-cupertino-we-have-a-problem-2ff49fd7d6ea

The feature set of ECMAScript 2018 was finalized during the latest TC39 meeting. http://2ality.com/2017/02/ecmascript-2018.html

Google Chrome is to implement image lazy loading natively in the browser. It is called Blink LazyLoad. https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/czmmZUd4Vww/1-H6j-zdAwAJ

Web Content Accessibility Guidelines (WCAG) 2.1 is now a Candidate Recommendation (CR). https://www.w3.org/blog/2018/01/wcag21-cr/

General Reading

How HTML elements are supported by screen readers (WIP, JAWS only at the moment). https://freedomscientific.github.io/VFO-standards-support/html.html

New book by Kyle Simpson, a balanced, pragmatic look at Functional Programming in JavaScript. https://github.com/getify/Functional-Light-JS

An explanation of what is new in HTML 5.2. https://bitsofco.de/whats-new-in-html-5-2/

Excellent short guide to Webfonts and some of the advanced features available. https://github.com/grillitype/web-fonts-guide

Jeremy Keith raises some interesting points around GDPR and Google Analytics. https://adactio.com/journal/13364

Follow up article to the scary “I’m stealing your CC details” article from last month. https://hackernoon.com/part-2-how-to-stop-me-harvesting-credit-card-numbers-and-passwords-from-your-site-844f739659b9

Tutorials

Interested in hacking? Hacker101 is a free class for web security. https://github.com/Hacker0x01/hacker101

An interesting explanation of JavaScript Promises. https://kosamari.com/notes/the-promise-of-a-burger-party

A topic that always seems to pop up in x-gov Slack: phone number links and accessibility. http://allthingssmitty.com/2018/01/29/phone-number-links-and-accessibility/

Presentations

Whats new in Chrome 64 [3mins 30] https://www.youtube.com/watch?v=y5sb-icqOyg

Whats new in Chrome 64 DevTools [3mins 30] https://www.youtube.com/watch?v=90wNAn05Cf4

Front End Center — Why Inline SVG is Best SVG [16min 14] https://www.youtube.com/watch?v=af4ZQJ14yu8

Tools

CSS Gridish: An Open Source Tool to Help Your Team Adapt CSS Grid Today https://medium.freecodecamp.org/introducing-css-gridish-helping-teams-to-adapt-css-grid-today-3e031ab222de

Demos

JS1k has started again with yet more amazing demos being created in 1K. https://js1k.com/2018-coins/

Events

SmashingConf / Feb 7th - 8th / London https://smashingconf.com/

London Accessibility Meetup #11 / Feb 12th / London https://www.meetup.com/London-Accessibility-Meetup/events/247381682/

UpFront Conf 2018 / March 16th / Manchester http://lanyrd.com/2018/upfrontconf/

CityJSConf / March 26th / London http://cityjsconf.org/

DeltaV Conference / May 10th - 11th / London https://deltavconf.com/speakers

Off-topic

Why is Japanese web design so different to the western web design? https://randomwire.com/why-japanese-web-design-is-so-different/

Did you know you can use Excel to create HDR photographic images? Apparently so! https://www.youtube.com/watch?v=bkQJdaGGVM8

You would not believe the amount of engineering and physics involved in the drinking bird toy. https://www.youtube.com/watch?v=UCKC-QVcVn0