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).
Further Reading on SmashingMag:
- Inspiring Everyday Graphic Design4
- 33 Tempting E-Commerce Icons For Free5
- Breaking Out Of The Box: Design Inspiration6
- Modern Art Movements To Inspire Your Logo Design7
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 soon10, in favor of the new standard
Element.matchesmethod. Prepare your code to be ready for that.
- Jekyll 3119 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 open12 for certain corporations. In fact, it’s worse than before. And in the US, CISA was passed13, too14.
- libSass 3.315 is out, bringing us more tests, better performance, shadow DOM support, all Sass 3.4 selector functions16, and improvements to
- Here is James Williams17 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 available2019. 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 modules21. 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 way22 is very common, too. The IETF is trying to do something about the problem now by enforcing DANE and TLS23 for mailserver connections.
Web Performance Link
- Brotli compression24 is the hot new topic in web performance. But we need to set theoretical performance wins in context. Cloudflare has tested it under real conditions25 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 Tuesdays26, 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 sheet27 might come in handy. It’s a searchable website with a short but clear overview of React’s coding methods.
- We can use service workers28 in our applications today, and they’re a great way to add support via progressive enhancement.
- BackstopJS29 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 burnout30. 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 them31, and remember that the best rituals come not from celebrities, but from your heart.
- Life is full of ups and downs32, 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 donation33 or share this resource with other people. You can learn more about the costs of the project34 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 https://www.smashingmagazine.com/2016/03/inspiring-graphic-design/
- 5 https://www.smashingmagazine.com/2013/09/freebie-e-commerce-icons-33-png-ps-ai/
- 6 https://www.smashingmagazine.com/2016/08/breaking-out-of-the-box-design-inspiration-august-2016/
- 7 https://www.smashingmagazine.com/2010/01/12-modern-art-movements-to-inspire-your-logo-design/
- 8 http://jekyllrb.com/news/2015/10/26/jekyll-3-0-released/
- 9 http://jekyllrb.com/news/2015/10/26/jekyll-3-0-released/
- 10 https://www.fxsitecompat.com/en-US/docs/2015/element-mozmatchesselector-will-be-removed/
- 11 http://jekyllrb.com/news/2015/10/26/jekyll-3-0-released/
- 12 http://www.theguardian.com/technology/2015/oct/27/eu-net-neutrality-laws-fatally-undermined-by-loopholes-critics-say
- 13 https://www.eff.org/deeplinks/2015/10/eff-disappointed-cisa-passes-senate
- 14 http://www.theguardian.com/world/2015/oct/27/cisa-cybersecurity-bill-senate-vote
- 15 https://github.com/sass/libsass/releases/tag/3.3.0
- 16 http://sass-lang.com/documentation/file.SASS_CHANGELOG.html#selector_functions
- 17 http://blog.practicalethics.ox.ac.uk/2015/10/why-its-ok-to-block-ads/
- 18 https://medium.com/@mwichary/system-shock-6b1dc6d6596f
- 19 https://medium.com/@mwichary/system-shock-6b1dc6d6596f
- 20 https://medium.com/@mwichary/system-shock-6b1dc6d6596f
- 21 https://remysharp.com/2015/10/26/using-travis-with-private-npm-deps
- 22 http://conferences2.sigcomm.org/imc/2015/papers/p27.pdf
- 23 https://datatracker.ietf.org/doc/rfc7672/
- 24 https://github.com/google/brotli
- 25 https://blog.cloudflare.com/results-experimenting-brotli/
- 26 http://uk.businessinsider.com/facebook-2g-tuesdays-to-slow-employee-internet-speeds-down-2015-10
- 27 http://reactcheatsheet.com/
- 28 https://ponyfoo.com/articles/serviceworker-revolution
- 29 https://garris.github.io/BackstopJS/
- 30 https://www.smashingmagazine.com/2015/10/dealing-with-loud-silent-burnout/
- 31 http://www.bakadesuyo.com/2015/10/ritual/
- 32 https://the-pastry-box-project.net/marcy-sutton/2015-october-26
- 33 https://wdrl.info/donate
- 34 https://wdrl.info/costs/