DEV Community

Arden de Raaij
Arden de Raaij

Posted on

Weekly Web Roundup - 05

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 though.

News

  • ECMAScript 2018 (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 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

Development

  • Many of you know Dave Geddes. I’ve featured some of his articles in earlier versions of the roundup, and he is the creator of awesome lessons like Grid Critters. 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 didn’t already wrote them down in an article titled On Slack, web standards, and bloody cynicism. I’m going to tweet something nice to the slack team, BRB.
  • - Sketching in the browser is a full on long-read about bringing design systems for developers and designers closer together. In this article Mark Daleigh, DesignOps lead at Seekjobs, explains the evolvement of their design process in detail.

CSS / HTML

OSS

  • Sockette is ‘The cutest little WebSocket wrapper!’. 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.
  • And award for best OSS name 2018 goes to URQL, an acronym “Universal React Query Library”. Ken Wheeler / FormidableLabs created URQL to simplify working with GraphQL within React. Check out the introduction article and the repo on github. I’m looking forward to give this a try.
  • 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 is a tiny library based on the Callbag standard. Read the ‘why’ article by André Staltz and please explain to me like I’m five when you’re done.
  • 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
  • KAP 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
  • 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.
  • I never really thought about this, but that's cool!
  • Kent C. Dodds 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

Inspiration

  • Greensock updated their showcase site and it's glorious.
  • Loving this Pixel Gradient tool by Noah Leigh
  • Chris Gannon eggcels at making loader yokes!
  • Trippy tentacles. I like it

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

Top comments (5)

Collapse
 
ben profile image
Ben Halpern

It seems like an especially good time for the web. Things are moving fast but also getting stable.

Collapse
 
ardennl profile image
Arden de Raaij • Edited

Yes, I agree with that sentiment. If you think about it, JavaScript has never been as fast-moving and stable as it has been now. Yearly release cycles, proposals and Babel which allows us all to use the latest proposals and provide feedback before things are 'set in stone'.

I hope this frees some time to fix some other issues like versioning, upgrading and documentation.

Collapse
 
andy profile image
Andy Zhao (he/him)

Woah!! Just tried the desktop PWA with dev.to. It's kind of weird, but not bad. I think I still prefer my browser, since I would like my back button and what not.

Collapse
 
ardennl profile image
Arden de Raaij

I think you might be able to set some extra chrome like browser buttons or even a full address bar in the manifest.json. I guess there would be some cases where this could be useful!

Collapse
 
andy profile image
Andy Zhao (he/him)

Yeah, those settings can definitely be changed in the manifest.json. We currently have the address bar turned off in the PWA since most/all installs will be via mobile, and it gives the app a more native feel to it.

I think as a desktop experience though it would make more sense to keep the buttons + address bar, but not sure. Guess they're pretty different use cases?