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.
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.
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?
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.
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.
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
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.
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.
A free CSS grid tutorial. Seriously, why wouldn’t you? By Per Harald Borgen
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!
- Cypress - Fast, easy and reliable testing for anything that runs in a browser
- Uppy - Sleek, modular file uploader
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!