Is a person who is sitting by herself in a room alone? From an outside perspective, it might seem so, but the human brain is way more interesting in these regards. We carry a map of relationships inside ourselves, and it depends on this map if the person actually does feel alone or not.
I just read “Stress and the Social Self: How Relationships Affect Our Immune System1”, and I feel that we can learn a lot from it. In fact, I might see social media from a different perspective now. We’re social beings, I love sharing good content with you, so, without further ado, here’s this week’s web dev reading list.
Further Reading on SmashingMag: Link
- A Detailed Introduction To Webpack2
- Be Afraid Of HTTP Public Key Pinning (HPKP)3
- Getting More Work Done Without Simply Working More Hours4
- Introduction to DNS: Explaining The Dreaded DNS Delay5
ParentNode.prototype.append()or unprefixed CSS
user-select. On the other hand, they removed
TouchEvent.prototype.initTouchEvent(you’ll need to use the constructor from now on), and
KeyboardEvent.prototype.keyIdentifierhas been replaced by
- Following a suggestion by other major browser vendors, Mozilla will distrust WoSign and StartCom certificates7 from January 1st, 2017 due to backdated certificates and non-disclosure and denial of an acquisition of the two companies. A great step for better CA security.
- Node.js v6 transitioned to the current LTS version8 this week and Node.js v7 has been released9, too. It covers 98% of ES6, brings the new V8 engine, improved reliability and performance, and a new URL-parser based on the WHATWG URL standard.
await-functions and revive the CSS
hyphensproperty after years of absence in Chromium browsers. The
onceEvent Listener option will also be added and, to improve load times and prevent failed navigations, cross-origin and parser-blocking scripts injected using
document.write()will no longer load over 2G connections (which also means that 3rd-party fallbacks as used by the HTML5Boilerplate11 won’t work anymore in upcoming Chrome versions).
Tools & Workflows Link
- Jack Franklin explains how to migrate from the current Webpack 1 to the upcoming Webpack 212 and where the differences between the two lie.
- Similar to the already showcased Boxy SVG Editor13, Vectr171614 is a new online/desktop vector graphics editor with real-time sharing.
- Paragon Initiative Enterprises share a comprehensive guide to automatic security updates for PHP developers18 that everyone developing with PHP should be aware of.
- Last week, Smashing Magazine had to deal with an expiring SSL certificate. While this is usually an easy thing to renew, problems may arise if you have HTTP Public Key Pinning (HPKP) enabled and set to a long expiry date (which usually is intended). Mathias Biilmann Christensen now wrote about the lessons learned from this and why you should be aware (and afraid!) of HPKP19 and how to issue a new certificate with an old key20 so that the site won’t break for your users with HPKP enabled.
- Mattias Geniar shares how you can easily block ads and trackers from your entire home network21 using Pi-Hole22, a DNS-based blacklist for Raspberry Pi.
Web Performance Link
- Brian Armstrong from Canopy explains why you shouldn’t rely on default DNS settings23, as the recent Dyn DNS outage has shown. He covers how to configure DNS the right way, why a longer TTL is important, and why having different nameservers from different providers can save your service’s uptime.
- Roman Komarov wrote about conditions in CSS Custom Properties27, about solutions, challenges, and how you can benefit from preprocessors when it comes to more complex conditions. The article also mentions a couple of interesting ideas on how the web standard could be extended.
Work & Life Link
- Cal Newport shares his thoughts on how deep breaks during work can help your mind recharge and, thus, improve your productivity28.
Going Beyond… Link
- It’s really interesting to see this kind of back-story: Katie Singer reveals the real amount of energy used to power the internet29 and puts these figures into perspective by comparing how much power anyone of us would need to generate to power a website.
And with that, I’ll close for this week. If you like what I write each week, please support me with a donation30 or share this resource with other people. You can learn more about the costs of the project here31. It’s available via email, RSS, and online.
- 1 https://www.brainpickings.org/2015/10/07/esther-sternberg-stress-relationships/
- 2 https://www.smashingmagazine.com/2017/02/a-detailed-introduction-to-webpack/
- 3 https://www.smashingmagazine.com/be-afraid-of-public-key-pinning/
- 4 https://www.smashingmagazine.com/2015/12/getting-work-done-without-simply-working-hours/
- 5 https://www.smashingmagazine.com/2011/05/introduction-to-dns-explaining-the-dreaded-dns-delay/
- 6 https://dev.opera.com/blog/opera-41/
- 7 https://blog.mozilla.org/security/2016/10/24/distrusting-new-wosign-and-startcom-certificates/
- 8 https://medium.com/@nodejs/node-js-v6-transitions-to-lts-be7f18c17159
- 9 https://nodejs.org/en/blog/release/v7.0.0/
- 10 https://blog.chromium.org/2016/10/chrome-55-beta-input-handling.html
- 11 https://github.com/h5bp/html5-boilerplate/blob/master/src/index.html#L26
- 13 https://wdrl.info/archive/135/boxy-svg-editor
- 14 https://vectr.com/
- 15 https://vectr.com/
- 16 https://vectr.com/
- 17 https://vectr.com/
- 18 https://paragonie.com/blog/2016/10/guide-automatic-security-updates-for-php-developers
- 19 https://www.smashingmagazine.com/be-afraid-of-public-key-pinning/
- 20 https://www.smashingmagazine.com/how-to-issue-a-new-ssl-certificate-with-an-old-ssl-key/
- 21 https://ma.ttias.be/pi-hole-dns-based-blacklist-ads-tracking-raspberry-pi/
- 22 https://pi-hole.net/
- 23 https://medium.com/@brianarmstrong/youre-probably-doing-dns-wrong-like-we-were-6625efaed390
- 24 https://medium.com/@brianarmstrong/youre-probably-doing-dns-wrong-like-we-were-6625efaed390
- 25 https://medium.com/@brianarmstrong/youre-probably-doing-dns-wrong-like-we-were-6625efaed390
- 26 http://fusejs.io/
- 27 http://kizu.ru/en/fun/conditions-for-css-variables/
- 28 http://calnewport.com/blog/2016/09/14/on-deep-breaks/
- 29 http://www.electronicsilentspring.com/real-amount-energy-power-internet/
- 30 https://wdrl.info/donate
- 31 https://wdrl.info/costs/