Weekly Web Roundup - 02
Arden de Raaij Jan 12, 2018 Updated on Jan 20, 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.
NPM had an oops moment which was technically last week but still 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.jsin one basket. More about this in the Security section.
- Chrome is the new IE6, or so it is proclaimed. 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 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?
- The web is sending Google a letter about AMP, open source style (meaning merge conflicts and discussions about sorting conventions). I do agree with the sentiment and signed the letter, because Google AMP is not good for the web.
- 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?. YES! Or you know, it would be pretty damn convenient to only build for the latest browser versions because security. Any arguments against this? I tend to go with the writer, Alex Ewerlöf, on this one.
CSS / SVG / HTML
Que paso in HTML 5.2? HTML 5.2 became an official recommendation recently and brings us new goodies.
styletags are finally allowed inside the body, a native
dialogelement and more. Read it all in this excellent article by Bitsofco.de.
- If you want to get in-depth with SVG, CSS3 and HTML5 I can't recommend you anything better than 'Using SVG with CSS3 and HTML5: Vector Graphics for Web design' by Amelia Bellamy-Royds. I haven't even read it yet but I feel confident in giving my full recommendation.
Blockchain & Cryptocurrency
"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.
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.
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)
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.
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.
- Little steps for accessibility at N26 - on hugogiraudel.com
- Improving the Accessibility of 24 ways - by Paul Robert Lloyd on css-tricks.com
- Nearing the 7.0 Release on babeljs.io
- Why mutation can be scary by Zell Liew on alistapart.com
- Using SVG clip-path to change a logo's colour on scroll on eduardoboucas.com
- Six Tiny But Awesome ES7 + ES8 Features on davidwalsh.com
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!
Tyler McGinnis released a React Router v4 course and because of that he temporarily offers 25% discount on his courses.
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.
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.
- How To scope work on danmall.me
- After Hours “Off-peak” lifestyle evangelists insist on the value of being untimely on reallifemag.com
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.
This is a way too in-depth explanation, and it’s pretty good.
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!