Frontend Fuel - Issue 9

News

The AMP team have listened to user feedback and are making changes to how AMP URL’s work. https://amphtml.wordpress.com/2018/01/09/improving-urls-for-amp-pages/amp/

From July 2018, page speed will be a ranking factor for mobile searches. https://webmasters.googleblog.com/2018/01/using-page-speed-in-mobile-search.html

Controversial PR in the JS community. TC39 recommends the use of semicolons to stop future ASI issues. https://github.com/tc39/ecma262/pull/1062

Google Chrome autoplay policies will change in January of 2018 for the better. https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

General Reading

Real eye opening article on how to hypothetically steal users CC details using npm dependencies. https://hackernoon.com/im-harvesting-credit-card-numbers-and-passwords-from-your-site-here-s-how-9a8cb347c5b5

Six tiny but awesome ES7 + ES8 features to make your life easier. https://davidwalsh.name/es7-es8-features

Time to look back at the JavaScript landscape in 2017 by analysing GitHub stats. https://risingstars.js.org/2017/en/

Display: contents is coming bo WebKit and Blink very soon. What does that mean for developers? https://blogs.igalia.com/mrego/2018/01/11/display-contents-is-coming/

In-depth look at fixing Meltdown and Spectre in WebKit. https://webkit.org/blog/8048/what-spectre-and-meltdown-mean-for-webkit/

Tutorials

Web Bos has just released a free 25 video course around CSS Grid. https://cssgrid.io/

Some small tweaks you can make to your website to improve accessibility. https://css-tricks.com/small-tweaks-can-make-huge-impact-websites-accessibility/

Learning JS never ends. Here are some features you may have never heard about. https://air.ghost.io/js-things-i-never-knew-existed/

Presentations

Help Test New Firefox DevTools for CSS Shapes, Clip Path, Flexbox and Grid [10mins] https://vimeo.com/250359252

Podcasts

Hour long podcast all about Async + Await [54 mins] https://syntax.fm/show/028/async-await

Tools

Paths you can take to become a better web developer in 2018. https://github.com/kamranahmedse/developer-roadmap

Samsung have their own remote test lab you can use for testing. http://developer.samsung.com/remotetestlab/rtlDeviceList.action

Build better websites using this online linting tool. https://sonarwhal.com/

Cssreference.io is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples. http://cssreference.io/

Lets you perform Chrome DevTools actions from code by leveraging Headless Chrome+Puppeteer. https://github.com/cowchimp/headless-devtools

Demos

Get a big dose of nostalgia with this browser version of MS Paint. http://jspaint.ml/

HTML 5.2 now comes with the

element (and a polyfill). [https://keithjgrant.com/posts/2018/meet-the-new-dialog-element/](https://keithjgrant.com/posts/2018/meet-the-new-dialog-element/)

Events

2018: The Year of PWA / Jan 25th 18:00 - 21:30 / London https://www.meetup.com/en-AU/London-Progressive-Web-Apps/events/246090403/

Let’s compare Angular, React and VueJS / Jan 25th 18:30 - 21:30 / London https://www.meetup.com/devs-in-the-ditch/events/246440929/

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

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

Looking for an Existential crisis today? Look no further than this video comparing star sizes. https://www.youtube.com/watch?v=GoW8Tf7hTGA

The US firm Target give you a different price depending on if you are in-store or at home. https://www.youtube.com/watch?v=B9Q18jjlLis&feature=youtu.be