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