Frontend Fuel - Issue 13

News

The WWW turned 29 on March 12th, https://www.w3.org/blog/2018/03/celebrating-the-anniversary-of-the-web/

Let’s Encrypt have added wildcard certificate support allowing all subdomains of a domain to use a single certificate. https://community.letsencrypt.org/t/acme-v2-and-wildcard-certificate-support-is-live/55579

The EU is considering a copyright proposal that would require code-sharing platforms to monitor all content that users upload for potential copyright infringement. https://blog.github.com/2018-03-14-eu-proposal-upload-filters-code/

General Reading

Interesting post on tables, CSS display properties, and ARIA. http://adrianroselli.com/2018/02/tables-css-display-properties-and-aria.html

Github updated their font stack a while ago, here’s a blog post explaining why they did it. http://markdotto.com/2018/02/07/github-system-fonts/

Excellent blog post around the great features ES2015+ has to offer. https://dev.to/samwsoftware/make-your-code-cleaner-shorter-and-easier-to-read-es6-tips-and-tricks-2k37

Three Techniques for Performant Custom Font Usage https://css-tricks.com/three-techniques-performant-custom-font-usage/

Tutorials

Web Fundamentals course around using Webpack for performance optimisation. https://developers.google.com/web/fundamentals/performance/webpack/

Screencast series by Jen Simmons about how to Write CSS That Works in Every Browser, Even the Old Ones https://hacks.mozilla.org/2018/03/how-to-write-css-that-works-in-every-browser-even-the-old-ones/

Presentations

What is new for developers in Chrome 65 [3min 14sec] https://www.youtube.com/watch?time_continue=2&v=_W4GSpoSOZI

Using Chrome’s ‘Local Overrides’ to Test Performance Hypotheses - Harry Roberts [6mins 35sec] https://www.youtube.com/watch?v=UOn0b5kn3jk

Manuel Matuzovic: Writing CSS with Accessibility in Mind [30mins 28secs] https://www.youtube.com/watch?v=EOiC2M47GBY

Tools

A list of tools you can use to measure your sites performance. https://developers.google.com/web/fundamentals/performance/speed-tools/

Online SVG editor with lots of nice features. https://boxy-svg.com/app

Fontanello is a browser extension for Google Chrome and Firefox that lets you display the basic typographic styles of a text by right-clicking it. https://fontanello.oktavilla.se/

Podcasts

Keeping Up with the Codeashians. Dealing with our fast paced industry. https://syntax.fm/show/035/keeping-up-with-the-codeashians-dealing-with-our-fast-paced-industry

JavaScript Jabber 304: React: The Big Picture https://devchat.tv/js-jabber/jsj-304-react-the-big-picture

Events

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

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

Off-topic

Lady finds a piece of Chernobyl’s nuclear reactor fuel (really interesting YT channel), https://youtu.be/ejZyDvtX85Y?t=165

A mathematician explains the best way to cut a bagel. https://www.youtube.com/watch?v=Ktfo8D3cCr0