Frontend Fuel - Issue 12

News

This repo triggered a whole discussion around the security of 3rd party CSS. A proof of concept to display how to use CSS to as a key logger. https://github.com/maxchehab/CSS-Keylogging

Flash usage declines from 80% in 2014 to under 8% today. https://www.bleepingcomputer.com/news/security/google-chrome-flash-usage-declines-from-80-percent-in-2014-to-under-8-percent-today/

Development of PhantomJS has been suspended and the project will soon be archived. https://github.com/ariya/phantomjs/issues/15344

General Reading

A curated list of technical talks and articles about real-world enterprise frontend development. https://github.com/andrew–r/frontend-case-studies

Jake Archibalds response to third party CSS is an interesting read. https://jakearchibald.com/2018/third-party-css-is-not-safe/

The All-In-One Digital Accessibility E-Book.https://cdn2.hubspot.net/hubfs/321800/Content/eBooks_Guides_Whitepapers/EN_The_All-in-One_Digital_Accessibility_eBook_2016.pdf

Lesser known CSS quirks & advanced tips. https://medium.com/@peedutuisk/lesser-known-css-quirks-oddities-and-advanced-tips-css-is-awesome-8ee3d16295bb

Accelerated Mobile Pages is a controversial topic in the web development world. Lets examine why that is. https://ferdychristant.com/amp-the-missing-controversy-3b424031047

Tutorials

Webs has completely re-recorded his React for beginners video tutorial for a more modern version of React. http://wesbos.com/react-for-beginners-re-recorded-again/

Huge blog post all about CSS variables. https://medium.freecodecamp.org/everything-you-need-to-know-about-css-variables-c74d922ea855

Using Sass to Control Scope With BEM Naming https://css-tricks.com/using-sass-control-scope-bem-naming/

How To Speed Up Continuous Integration Build With New NPM CI And package-lock.jsonhttps://medium.com/@tomastrajan/how-to-speed-up-continuous-integration-build-with-new-npm-ci-and-package-lock-json-7647f91751a

Presentations

CSS Keylogger - old is new again [11min 28sec] https://www.youtube.com/watch?v=oJ6t7AImTdE

The future of Accessibility by Bruce Lawson. https://speakerdeck.com/brucel/web-accessibility-live-london-feb-2018

Why Static Site Generators are Awesome [50mins] https://syntax.fm/show/034/why-static-site-generators-are-awesome

Tools

Interested in seeing what the web platform can do compared to a native app, this site will tell you. https://whatwebcando.today/

Test your site follows 50+ SEO, speed & security best practices https://www.checkbot.io/

A curated collection of useful CSS snippets you can understand in 30 seconds or less. https://atomiks.github.io/30-seconds-of-css/

Events

Coding for women / March 6th / London https://www.meetup.com/founderscoders/events/246775802/

London Web Performance Group / March 7th / London https://www.meetup.com/London-Web-Performance-Group/

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

Libraries & Plugins

Webpack 4.0.0 has shipped with a tonne of changes. https://github.com/webpack/webpack/releases/tag/v4.0.0

Off-topic

It’s not you. Phones are designed to be addicting. [5mins 48sec] https://www.youtube.com/watch?v=NUMa0QkPzns

We use this a lot in government, but did you know GDS is an initialism not an acronym? An acronym is when you pronounce the abbreviation as a real word (e.g. NASA). Otherwise it is known as an initialism (ex. HTML). http://en.wikipedia.org/wiki/Acronym#Nomenclature