Frontend Fuel - Issue 27

News

RawGit is now in a sunset phase and will soon shut down due to becoming an attractive distribution mechanism for malware. https://rawgit.com/

Firefox to support WebP, leaving Safari being the only major left with no support. https://www.cnet.com/news/firefox-to-support-googles-webp-image-format-for-a-faster-web/

GitHub releases Actions allowing you to automate your workflow from idea to production. https://github.com/features/actions

General Reading

Who remembers the element? Well apparently it is about to make a comeback. [https://groups.google.com/forum/#!msg/mozilla.dev.platform/9eCOHGvZIB0/zKIvxo8qBAAJ](https://groups.google.com/forum/#!msg/mozilla.dev.platform/9eCOHGvZIB0/zKIvxo8qBAAJ)

Performance budgets. For success, embrace them and learn to live within them. https://medium.com/@addyosmani/start-performance-budgeting-dabde04cf6a3

How to serve different assets depending on a users network connection. https://dev.to/addyosmani/adaptive-serving-using-javascript-and-the-network-information-api-331p

Bad practices on birthdate form fields (see popular articles too for other form patterns). http://uxmovement.com/forms/bad-practices-on-birthdate-form-fields/

Tutorials

How to write accessible JavaScript. https://medium.com/dailyjs/4-javascript-techniques-for-building-accessible-web-interfaces-348f820c157f

How to serve legacy code only to legacy browsers. https://www.smashingmagazine.com/2018/10/smart-bundling-legacy-code-browsers/

Ruby gotchas for the JavaScript developer, 8 differences that will trip you up. https://blog.calendly.com/ruby-gotchas-javascript-developer/

A new screencast course dedicated to JavaScript testing. https://testingjavascript.com/

Presentations

What’s new in Chrome DevTools 70. [5 mins] https://www.youtube.com/watch?v=LJq8vg8ktdQ

Marcy Sutton conducting an accessibility audit live. [45 mins] https://vimeo.com/292467043

Tim Kadlec conducting a performance audit live. [45 mins] https://vimeo.com/292482492

Tools

A tool for visualizing Execution Context, Hoisting, Closures, and Scopes in JavaScript. https://tylermcginnis.com/javascript-visualizer

Webapp to visualize various stats about your CSS. https://cssstats.com/

Competitions

Game Off is GitHubs annual game jam where contestants build a game based on a set theme. https://itch.io/jam/game-off-2018

Support open source and earn a limited edition T-shirt in the month of October. https://hacktoberfest.digitalocean.com/

Demos

Incredibly detailed demo on how a browser negotiates a TLS 1.2 connection. https://tls.ulfheim.net/

Highlights from this years js13kGames. https://blog.github.com/2018-10-05-js13kgames-highlights-2018/

Events

View Source Conference / 26th October / London. https://events.mozilla.org/viewsource2018

FFConf / November 8 & 9th / Brighton. https://2018.ffconf.org/

Pixel Pioneers Belfast 2018 / November 22-23 / Belfast. https://pixelpioneers.co/events/belfast-2018/

You Got This! / January 19th 2019 / London. https://yougotthis.io/

New Adventures Conf / January 23-25th / Nottingham. https://newadventuresconf.com/2019/

Frontend North East / April 3rd / Newcastle. https://2019.frontendne.co.uk/

Off-topic

The story behind how NASA reinvented the wheel to go to the moon. [9 mins] https://www.youtube.com/watch?v=2lv6Vs12jLc