Frontend Fuel - Issue 18

News

The big news this week is that Microsoft has acquired GitHub. https://news.microsoft.com/2018/06/04/microsoft-to-acquire-github-for-7-5-billion/

Chrome 67 has hit the stable channel with PWA’s on desktop and BigInt for dealing with large integers. https://developers.google.com/web/updates/2018/05/nic67

WCAG 2.1 has now moved to a W3C recommendation with a whole host of useful changes. https://www.w3.org/blog/2018/06/wcag21-rec/

WebKit is to be introduced to the Apple Watch with watchOS5. Time for a new breakpoint? https://twitter.com/jensimmons/status/1003702601966374913

General Reading

There is a global HTML attribute called hidden and here’s how it can be used. https://www.impressivewebs.com/html5-global-hidden-attribute/

Creating art using only HTML and CSS. Includes some interesting variations on how it looks in older browsers. https://twitter.com/waxpancake/status/991404681917227009?s=19

The Service Worker Cookbook is a collection of working, practical examples of using service workers in modern web sites from Mozilla. https://serviceworke.rs/

Chrome 68 is bringing changes to the way users can install PWA’s. More details here. https://developers.google.com/web/updates/2018/06/a2hs-updates

Tutorials

Learn CSS Grid by watching this 25 video series from Wes Bos. https://www.youtube.com/playlist?list=PLu8EoSxDXHP5CIFvt9-ze3IngcdAc2xKG

Text editing techniques every Frontend developer should know. Article uses Sublime but many features are available in other editors. https://benfrain.com/text-editing-techniques-every-front-end-developer-should-know/

How to start with variable fonts on the web. https://www.zeichenschatz.net/typografie/how-to-start-with-variable-fonts-on-the-web.html

Specificity in :not(), :has(), and :matches() https://meyerweb.com/eric/thoughts/2018/06/05/specificity-in-not-has-and-matches/

Presentations

10 Things I Regret About Node.js - Ryan Dahl - JSConf EU 2018 [26 mins] https://www.youtube.com/watch?v=M3BM9TB-8yA

Aggressive Web Apps - Phil Nash - JSConf EU 2018 [23 mins] https://www.youtube.com/watch?v=uo-UOvq3-0Y

Beyond SPAs: alternative architectures for your PWA [34 mins] https://developers.google.com/web/updates/2018/05/beyond-spa

Events

London Tech Week 2018 / June 11th - 17th / London. https://londontechweek.com/

FullStack 1018 / July 11th - 13th / London.https://skillsmatter.com/conferences/9815-fullstack-2018-the-conference-on-javascript-node-and-internet-of-things

UX Scotland 2018 / June 13th - 15th / Edinburgh. http://uxscotland.net/2018/

Scotland JS 2018 / July 19th - 20th / Edinburgh. http://scotlandjs.com/

InteractConf / October 17th / London. https://2018.interactconf.com/

Libraries & Plugins A more accessible React router. https://reach.tech/router

Vue-powered Static Site Generator. https://vuepress.vuejs.org/

Off-topic

Did you know that if the “Tsar Bomba” the largest bomb humanity has ever created, was dropped on the centre of London, well there wouldn’t be anything of London left. Or much of SE England really! Here’s little app to visualise the effects of different bomb types. Happy Monday! http://www.nuclearsecrecy.com/nukemap/?&kt=100000&lat=51.499167&lng=-0.124722&hob_psi=5&hob_ft=47553&ff=52&psi=20,5,1&zm=8