webdevelopment

Weekly Web Roundup - 02

  • 12 January, 2018

Another week, another roundup! I’m starting to get really excited for all the things that 2018 will bring us. This week I’ve got some news, articles on all the main subjects and spiced things up with a bit of inspiration as well. Let’s get to it.

News

npm operational incident, 6 Jan 2018

Technically that was last week but I found it worth a mention. Around a hundred packages falsely got flagged as malicious and as a result were unavailable (github issue). The problem was resolved pretty quickly but it shows how big our dependency on a functioning npm is. It kind of feels like we’re throwing all our eggs.js in one basket. More about this in the Security section.

Chrome is turning into the new Internet Explorer 6 on theverge.com

I wouldn’t put it in those words, but since I’ve been using Firefox as my main browser I definitely notice that there’s a certain amount of ‘Chrome’ only sites, including some Google services, and that sucks. Of course, Chrome is still a great browser and Chris Coyer reminds us of the true horrors of IE6 in his ‘[careful now[((https://css-tricks.com/careful-now/) )’ story on CSS-Tricks.com. That being said, I must admit that my Firefox seems to perform pretty horrible with animations. Maybe I should give Vivaldi a try?

A letter about Google AMP

Talking about Google controversy, how about that AMP huh? There’s a letter you can sign that voices an opinion against AMP. I’m not sure if it’ll do much good but at least it’s a sign.

Security

I’m harvesting credit card numbers and passwords from your site. Here’s how. by David Gilbertson on hackernoon.com

Do you know what your npm dependencies depend on? Do you know what your npm dependencies of dependencies depend on? David Gilbertson sketches a horror scenario in which he infects several NPM packages with malware and spreads it around like wildfire.

Should we DEMAND the latest browser version? by Alex Ewerlöf

YES! Or you know, it would be pretty damn convenient to only build for the latest browser versions because security. Any arguments against this?

CSS / SVG / HTML

Articles

What’s New in HTML 5.2? on bitsofco.de

HTML 5.2 became a recommendation and brings us new goodies. style tags are finally allowed inside the body, a native dialog element and more. Read it all in this excellent article.

Books

Using SVG with CSS3 and HTML5: Vector Graphics for Web Design by Amelia Bellamy-Royds

If you want to get in-depth with SVG, CSS3 and HTML5 I can’t recommend you anything better than this book by Amelia Bellamy-Royds. I haven’t even read it yet but I feel confident in giving my full recommendation.

Tutorials

Learn CSS Grid for free

A free CSS grid tutorial. Seriously, why wouldn’t you? By Per Harald Borgen

Ethics

Blockchain & Cryptocurrency

Telegram plans multi-billion dollar ICO for chat cryptocurrency on techcrunch.com

“THIS IS HUGE!” according to some. To be honest, I barely know what it means. Remind me of this post when you got rich of Telegram-dollaz.

Inspiration

The innovative Data Visualization & data art of Nadieh Bremer

Nadieh Bremer is a freelance data visualization artist who makes amazing work, like this gorgeous The Guardian article. I love this type of work as it brings so much more information and value to an article. I can’t wait to see what Nadieh will be producing in 2018.

Analytica Projects by Veintidosgrados

It’s quite a trade-off, a long loading time for not a lot of information. Yet the story telling element is nice and the scrolling is oh so smooth (and only slightly induces motion sickness)

Abel Odor by buildinamsterdam

Argh, sound! But other than that this webshop is pretty damn cool. The site is WooCommerce based, which makes it even more impressive as WooCommerce is a mean beast to tame. The people at buildinamsterdam know how to give a webhop a dynamic and fresh feel like no other though.

Case Study: lynnandtonic.com 2017 refresh

If you haven’t seen Lynn Fisher’s beautiful portfolio page with a gazillion breakpoints yet, make sure to have a look right now. In this medium post she explains what her motivation behind this intricate design was.

Accessibility

Javascript

JavaScript Tutorials

Testing

But really, what is a JavaScript test? - By Kent C. Dodds

Testing isn’t that scary as you’d might think. Kent created this awesome 101 which will get you started in the world of JS testing!

Tools

React

React Router course by Tyler McGinnis

Tyler McGinnis released a React Router v4 course and because of that he temporarily offers 25% discount on his courses.

GraphQL

A Practical GraphQL Getting Started Guide with Node.js - by John Kariuki on scotch.io

My introduction to GraphQL was with GatsbyJS and I’ve been a fan right from the start. You’re going to hear a lot about GraphQL this year, and this article by John Kariuki is a very nice and practical introduction to the goodness that GraphQL brings.

GraphQL, here is what you need to know - Syntax.fm podcast

Syntax.fm is the podcast (that brings you tasty web development treats… I’m not sure why but that quote gives me an icky feeling) from Wes Bos and Scott Tolinski, and apart from the tagline it’s awesome. The last episode is about GraphQL and it’s very informative and probably will get you to try something out right away.

Optimization

Hosting

Productivity

Podcasts

Pursuit Podcast

How come I didn’t know about Pursuit Podcasts before? They’re so good! They’ve got some great guests, the last two being Rachel Andrew and Sara Soueidan. Rachel talks about time management, while Sara has a great talk about contracting work.

Random

What happens when you type google.com into your browser’s address box and press enter?

This is a way too in-depth explanation, and it’s pretty good.

Shower thoughts

Be nice

So often I come across great resources and work I appreciate, but I kinda forget to show that appreciation to the makers. Lately I’ve been trying to actively search the creators of content just to tell them I really enjoyed what they made.

Are coding tests a good way to weed out candidates?

I’m only asking because I’m about to do my first one. Besides pub-quizzes I haven’t done much tests lately.

What have I been up to?

Quick! Tell me everything you know about Codility tests. Also, I made a start on Kent C. Dodds Advanced React Component patterns course on egghead.io and it’s been pretty great so far. I will keep you tuned.

So what have you been up to?

Enjoy the weekend, don’t work too much!

Did you enjoy this article or would you like to tell me that I'm wrong? Follow me on Twitter or send me an e-mail!