What’s going on in the industry? What new techniques have emerged recently? What insights, tools, tips and tricks is the web design community talking about? Anselm Hannemann1 is collecting everything that popped up over the last week in his web development reading list2 so that you don’t miss out on anything. The result is a carefully curated list of articles and resources that are worth taking a closer look at. — Ed.
My friend Tobias3 told me of an interesting approach a few weeks ago. If you work on a big project with a team, just force all developers to delete the project before they leave on Friday, and have them reinstall and set it up every Monday morning (or every other week). This way, you’ll ensure that the process of onboarding people and the whole project’s setup is as simple as possible. And you will love it if the server crashes and you can set up the whole thing again within a couple of minutes. Now, enjoy this list and have a great weekend!
- Firefox will be removing
Element.mozMatchesSelectorvery soon6, in favor of the new standard
Element.matchesmethod. Prepare your code to be ready for that.
- Jekyll 375 is out. It has big performance improvements, especially due to its new incremental builds. If you use Jekyll already, test the new version and use it — the update is mostly seamless (just some configuration changes).
- This week has been pretty bad for the Internet. In Europe, the very controversial Net neutrality law was passed, leaving many loopholes open8 for certain corporations. In fact, it’s worse than before. And in the US, CISA was passed9, too10.
- libSass 3.311 is out, bringing us more tests, better performance, shadow DOM support, all Sass 3.4 selector functions12, and improvements to
- Here is James Williams13 with his highly ethical thoughts on the topic of ad-blocking:
What I find remarkable is the way both sides of this debate seem to simply assume the large-scale capture and exploitation of human attention to be ethical and/or inevitable in the first place. This demonstrates how utterly we have all failed to understand the role of attention in the digital age — as well as the implications of spending most of our lives in an environment designed to compete for it.
Concepts And Design Link
- The new version of Medium (2.0) uses system fonts when available1615. That means, if you’re on a Mac, you’ll get the San Francisco font. That’s cool not only because it’s a nice font but also because Apple decided not to make it available under its real name in CSS, so you’ll need to use the workaround. This way, you’ll get a seamless experience between the OS and the website.
- Remy Sharp tells us how he got Travis CI to work with npm’s new private modules17. Of course, you can get any other continuous integration service to work with that method in a similar way, too.
- MITM attacks are a problem not only for websites. Intercepting emails that way18 is very common, too. The IETF is trying to do something about the problem now by enforcing DANE and TLS19 for mailserver connections.
Web Performance Link
- Brotli compression20 is the hot new topic in web performance. But we need to set theoretical performance wins in context. Cloudflare has tested it under real conditions21 and found that it will be a big win for large, static files but not ideal for small, dynamic content blocks. Configure and use it wisely, or else just stick with Gzip.
- Facebook started 2G/EDGE Tuesdays22, so that its employees can better relate to their users’ problems. This is a great idea, and we all should do it regularly.
- If you work with React, then Michael Chan’s cheat sheet23 might come in handy. It’s a searchable website with a short but clear overview of React’s coding methods.
- We can use service workers24 in our applications today, and they’re a great way to add support via progressive enhancement.
- BackstopJS25 allows us to test for CSS regressions in a simple way. It uses Resemble, Casper, and SlimerJS and PhantomJS for reports, whatever you prefer.
Work And Life Link
- This week is Geek Mental Health Week, and Alexander Charchar reflects on how we can detect and deal with silent burnout26. Take care of yourself, and be selfish with your workload.
- We read everywhere that having rituals is a good thing. The gist of it is this: Have rituals — embrace them27, and remember that the best rituals come not from celebrities, but from your heart.
- Life is full of ups and downs28, and you can often draw those ups and downs as an oscillating line. If you accept this and think of it as riding big waves on an ocean, you can deal better with those down times. And then, you can break your routine, escape the wave and do something else to fight the down.
And with that, I’ll close for the week. In case you like what I write each week, please support me with a donation29 or share this resource with other people. You can learn more about the costs of the project30 on the WDRL website. The list is available via email, RSS and the web.
Thanks and all the best,
- 1 /author/anselm-hannemann/?rel=author
- 2 https://wdrl.info/
- 3 https://tobiastom.name/
- 4 http://jekyllrb.com/news/2015/10/26/jekyll-3-0-released/
- 5 http://jekyllrb.com/news/2015/10/26/jekyll-3-0-released/
- 6 https://www.fxsitecompat.com/en-US/docs/2015/element-mozmatchesselector-will-be-removed/
- 7 http://jekyllrb.com/news/2015/10/26/jekyll-3-0-released/
- 8 http://www.theguardian.com/technology/2015/oct/27/eu-net-neutrality-laws-fatally-undermined-by-loopholes-critics-say
- 9 https://www.eff.org/deeplinks/2015/10/eff-disappointed-cisa-passes-senate
- 10 http://www.theguardian.com/world/2015/oct/27/cisa-cybersecurity-bill-senate-vote
- 11 https://github.com/sass/libsass/releases/tag/3.3.0
- 12 http://sass-lang.com/documentation/file.SASS_CHANGELOG.html#selector_functions
- 13 http://blog.practicalethics.ox.ac.uk/2015/10/why-its-ok-to-block-ads/
- 14 https://medium.com/@mwichary/system-shock-6b1dc6d6596f
- 15 https://medium.com/@mwichary/system-shock-6b1dc6d6596f
- 16 https://medium.com/@mwichary/system-shock-6b1dc6d6596f
- 17 https://remysharp.com/2015/10/26/using-travis-with-private-npm-deps
- 18 http://conferences2.sigcomm.org/imc/2015/papers/p27.pdf
- 19 https://datatracker.ietf.org/doc/rfc7672/
- 20 https://github.com/google/brotli
- 21 https://blog.cloudflare.com/results-experimenting-brotli/
- 22 http://uk.businessinsider.com/facebook-2g-tuesdays-to-slow-employee-internet-speeds-down-2015-10
- 23 http://reactcheatsheet.com/
- 24 https://ponyfoo.com/articles/serviceworker-revolution
- 25 https://garris.github.io/BackstopJS/
- 26 https://www.smashingmagazine.com/2015/10/dealing-with-loud-silent-burnout/
- 27 http://www.bakadesuyo.com/2015/10/ritual/
- 28 https://the-pastry-box-project.net/marcy-sutton/2015-october-26
- 29 https://wdrl.info/donate
- 30 https://wdrl.info/costs/