Weekly Web Roundup - 05
Tags: discuss, webdev, javascript, beginners
Published: 2018-02-02 16:22:27

---
title: Weekly Web Roundup - 05
published: true
description: ECMAScript 2018, URQL, Webpack, Variable fonts and more good stuff!
tags: discuss, webdev, javascript, beginners
---

Another week, still no website. Boo me. I messed something up with the DNS and to make a long story short: It's time for weekend. You are already most welcome to [subscribe to the mailing list](https://cfye.us2.list-manage.com/subscribe/post?u=9017bc446315b0e178f438760&amp;id=b98c426677) though. 

- [Week 04](https://dev.to/ardennl/weekly-web-roundup---04-375j)
- [Week 03](https://dev.to/ardennl/weekly-web-roundup---week-03-5d74)
- [Week 02](https://dev.to/ardennl/weekly-web-roundup---02-1f39)
- [Week 01](https://dev.to/ardennl/weekly-web-roundup---01-15d6)


## News

- [ECMAScript 2018](http://2ality.com/2017/02/ecmascript-2018.html) (that would be ‘ES9’, or are we dropping those names?) has been finalized and brings us `rest/spread`, new `regex` features, `promise.finally` and more good stuff! [Dr. Axel Rauschmayer](http://dr-axel.de/) wisely remarks ECMAScript versions are of less importance since we’ve got stages. If a proposal hits stage-4, meaning it will be included in the next ECMAScript version, it is safe to use. 

## JavaScript

- Currying is one of these concepts that is hard to get your head around and I always welcome more material on the subject. [Rémi](https://twitter.com/michelre38) wrote a great explanation of [currying in JavaScript on codementor.io](https://www.codementor.io/michelre/currying-in-javascript-g6212s8qv). 
- [Emily Morehouse-Valcarcel](https://twitter.com/emilyemorehouse) wrote a must-read introduction to Git-hook and wins award for best hero image 2018. Read [Git-hooked on javascriptjanuary.com](https://www.javascriptjanuary.com/blog/git-hooked)
- It’s true that a Webpack configuration can get complicated quickly. Making a config with support for a framework, transpiling, separate staging/dev/build options, testing, minifying, etc. can have you browsing through four different pieces of documentation at the same time. Webpack is taking care of a lot of stuff and is an impressive and well thought-out build tool. I’m looking forward to version 4 which also offers a ‘zero-config’ option, but it still won’t hurt to update your knowledge with this [free course on webpack.academy](https://webpack.academy/p/the-core-concepts) by Webpack Guru [Sean Larkin](https://twitter.com/TheLarkInn).
- On that note, [a small reminder that bundlers can be overwhelming](https://codeburst.io/modules-and-bundlers-why-are-we-even-f85230162aad) at times by [Arthur Reis Puthin](https://twitter.com/aputhin_). 
- [Sarah Drasner](https://twitter.com/sarah_edo)’s article [‘JavaScript, I love you, you’re perfect, now change’](https://css-tricks.com/javascript-love-youre-perfect-now-change/) on css-tricks.com has some nice ideas on improvements of the language! Not everyone will agree and some might not even be feasible (because of reasons), but it shows that we can share our own ideas on what we like and don’t like within the language.
- I confess. I’m still not used to JavaScript debugging with breakpoints and pop a `console.log` in my code way too often. I know I should own the skill of _proper_ debugging and I’m hoping this Smashing Magazine article by [Dustin Driver](https://twitter.com/dustin_driver) and [Jason Laster](https://twitter.com/jasonlaster11) will help me on my way: [Debugging JavaScript With A Real Debugger You Did Not Know You Already Have](https://www.smashingmagazine.com/2018/02/javascript-firefox-debugger/)

## Development

- Many of you know [Dave Geddes](https://twitter.com/geddski). I’ve featured some of his articles in earlier versions of the roundup, and he is the creator of awesome lessons like [Grid Critters](https://t.co/NkZQGmD8At). He gave an insightful interview on stackingthebricks.com and I suggest you check it out! _“In this interview, you’re going to learn how Dave’s boredom at work fueled an unexpected path into creating products of his own”_ 
- The pitchforks were out once again this week Because the Slack web app doesn’t support video in FireFox. I’d share my thoughts on this if [Matt Perry](https://twitter.com/popmotionjs) didn’t already wrote them down in an article titled [On Slack, web standards, and bloody cynicism](https://medium.com/drivetribe-engineering/on-slack-web-standards-and-bloody-cynicism-25af702db063). I’m going to tweet something nice to the slack team, BRB.
- - [Sketching in the browser](https://medium.com/seek-blog/sketching-in-the-browser-33a7b7aa0526) is a full on long-read about bringing design systems for developers and designers closer together. In this article [Mark Daleigh](https://twitter.com/markdalgleish/), DesignOps lead at Seekjobs, explains the evolvement of their design process in detail. 

## CSS / HTML

- Variable fonts are upon us and before this article I didn’t know what they did yet. [Richard Rutter](https://twitter.com/clagnut) wrote [‘How to use variable fonts in the real world’](https://medium.com/clear-left-thinking/how-to-use-variable-fonts-in-the-real-world-e6d73065a604), explains what variable fonts are and how to use them in a real application right now. 
- [Dave Rupert](https://twitter.com/davatron5000) wrote a bit on making [`cheapass` Parallax with CSS variables](https://daverupert.com/2018/02/cheapass-parallax/). It seems like a very elegant technique and might even be further improved upon with `Intersection Observer`. I’m going to keep this link at hand. 
- If you’ve ever used SVG icons from a sprite as `<use>` symbol, you know it  gets difficult to control the styles of multiple paths. [Sarah Dayan](https://twitter.com/sarahmalekoum) published an article to show you [how to do make multi-colored SVG icons with css variables](https://medium.freecodecamp.org/lets-make-your-svg-symbol-icons-multi-colored-with-css-variables-cddd1769fca4) 🎉!


# OSS

- [Sockette is ‘The cutest little WebSocket wrapper!’](https://github.com/lukeed/sockette). They already had me at the logo. As the name implies, it’s a tiny (344 bytes) `WebSocket` wrapper that reconnects when the connection is lost. Made by [Luke Edwards](https://twitter.com/lukeed05).
- And award for best OSS name 2018 goes to URQL, an acronym “Universal React Query Library”. [Ken Wheeler](https://twitter.com/FormidableLabs) /  [FormidableLabs](https://twitter.com/ken_wheeler) created URQL to simplify working with GraphQL within React.  Check out the [introduction article](https://formidable.com/blog/2018/introducing-urql/) and the [repo on github](https://github.com/FormidableLabs/urql). I’m looking forward to give this a try. 
- [Callbag](https://github.com/callbag/callbag) is a standard for JS callbacks that enables lightweight observables and iterables. I’m not entirely sure what that means but it looks really clever. [callbags-basic](https://github.com/staltz/callbag-basics) is a tiny library based on the Callbag standard. [Read the ‘why’ article](https://staltz.com/why-we-need-callbags.html) by [André Staltz](https://twitter.com/andrestaltz) and please explain to me like I’m five when you’re done.  
- [JSDOM-worker](https://github.com/developit/jsdom-worker) is going to be incredibly useful to someone, I’m sure: _adds pseudo Web Workers to Jest! Think of it like a Web Workers polyfill for Node._ By [Jason Miller](https://twitter.com/_developit)
- [KAP](https://getkap.co/) is an open source screen capturing tool and it looks beautiful, simple and made for developers! Go try it out! 

## Public Service Announcements

- Yes. Yes it is
{% twitter 957988498035888130 %}
- Interesting thought and I kind of agree. Structuring and normalizing data and scaffolding that data within an app is pretty complicated and far removed from design and UX. Also, people who are good in structuring data are not necessarily good in UX, or the other way around. 
{% twitter 958856453049257985 %}
- I never really thought about this, but that's cool!
{% twitter 959140161400590341 %}
- [Kent C. Dodds](https://twitter.com/kentcdodds/) is all about helping people and now he needs your help. Sort of. He's actually helping people _again_ by getting them involved in Open Source Software
{% twitter 959333093067771904 %}

## Inspiration

- Greensock updated their showcase site and it's glorious.
{% twitter 959092268912316416 %}
- Loving this Pixel Gradient tool by Noah Leigh
{% twitter 959147318464442368 %}
- Chris Gannon eggcels at making loader yokes!
{% twitter 958486955670626311 %}
- Trippy tentacles. I like it
{% twitter 958837436527898624 %}

## What I’ve been up to

- I still haven’t finished my blog post on transpiling. It’s quite a long article and I feel like it shouldn’t be rushed. In it I explain about ECMAScript history, versions, stages, Babel, using Babel on its own or in combination with Webpack. I’ve learned a great deal writing the article, including how impressive Babel and the Babel team actually is. 👏
- Another thing I learned from writing this article is that naming and versioning is really hard. Not just for people who make web applications, but also for people who make tools, frameworks and even languages. Thanks to the never-forgetting internet, any change in naming and versioning of your tools will result in a batch of new confused developers getting Google results that aren't up to date anymore. 
- Some other exciting things are coming up, but I’m trying to be discrete here. More soon. 

As always, thank you for reading and don’t work too much this weekend!

Arden