Menu Search
Jump to the content X X
Smashing Conf New York

You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf New York, dedicated to smart front-end techniques and design patterns.

Web Development Reading List #156: Browser News, Webpack 2, And Lessons Learned From HPKP

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

News Link

  • Opera 41 and Chrome 54 are out6, and they come with some interesting new features. The updates now support Custom Elements v1 as well as some new and convenient JavaScript methods like 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.keyIdentifier has been replaced by KeyboardEvent.prototype.key.
  • 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.

General Link

  • With the upcoming Chrome 5510 (now in beta), the browser will finally get support for Pointer Events. It will also support JavaScript async/await-functions and revive the CSS hyphens property after years of absence in Chromium browsers. The once Event 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

Vectr15

Vectr171614 is a simple yet powerful cross-platform vector graphics editor. (Image credit: Vectr171614)

Security Link

Privacy Link

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.
Multiple nameservers from only one DNS provider24

Having multiple nameservers is good, but make sure that they come from different DNS providers so that requests can be resolved by others if one fails. (Image credit: Brian Armstrong25)

JavaScript Link

  • Fuse.js26 is a new and light-weight JavaScript fuzzy-search library.

CSS/Sass Link

  • 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

Going Beyond… Link

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.

— Anselm

Footnotes Link

  1. 1 https://www.brainpickings.org/2015/10/07/esther-sternberg-stress-relationships/
  2. 2 https://www.smashingmagazine.com/2017/02/a-detailed-introduction-to-webpack/
  3. 3 https://www.smashingmagazine.com/be-afraid-of-public-key-pinning/
  4. 4 https://www.smashingmagazine.com/2015/12/getting-work-done-without-simply-working-hours/
  5. 5 https://www.smashingmagazine.com/2011/05/introduction-to-dns-explaining-the-dreaded-dns-delay/
  6. 6 https://dev.opera.com/blog/opera-41/
  7. 7 https://blog.mozilla.org/security/2016/10/24/distrusting-new-wosign-and-startcom-certificates/
  8. 8 https://medium.com/@nodejs/node-js-v6-transitions-to-lts-be7f18c17159
  9. 9 https://nodejs.org/en/blog/release/v7.0.0/
  10. 10 https://blog.chromium.org/2016/10/chrome-55-beta-input-handling.html
  11. 11 https://github.com/h5bp/html5-boilerplate/blob/master/src/index.html#L26
  12. 12 http://javascriptplayground.com/blog/2016/10/moving-to-webpack-2/
  13. 13 https://wdrl.info/archive/135/boxy-svg-editor
  14. 14 https://vectr.com/
  15. 15 https://vectr.com/
  16. 16 https://vectr.com/
  17. 17 https://vectr.com/
  18. 18 https://paragonie.com/blog/2016/10/guide-automatic-security-updates-for-php-developers
  19. 19 https://www.smashingmagazine.com/be-afraid-of-public-key-pinning/
  20. 20 https://www.smashingmagazine.com/how-to-issue-a-new-ssl-certificate-with-an-old-ssl-key/
  21. 21 https://ma.ttias.be/pi-hole-dns-based-blacklist-ads-tracking-raspberry-pi/
  22. 22 https://pi-hole.net/
  23. 23 https://medium.com/@brianarmstrong/youre-probably-doing-dns-wrong-like-we-were-6625efaed390
  24. 24 https://medium.com/@brianarmstrong/youre-probably-doing-dns-wrong-like-we-were-6625efaed390
  25. 25 https://medium.com/@brianarmstrong/youre-probably-doing-dns-wrong-like-we-were-6625efaed390
  26. 26 http://fusejs.io/
  27. 27 http://kizu.ru/en/fun/conditions-for-css-variables/
  28. 28 http://calnewport.com/blog/2016/09/14/on-deep-breaks/
  29. 29 http://www.electronicsilentspring.com/real-amount-energy-power-internet/
  30. 30 https://wdrl.info/donate
  31. 31 https://wdrl.info/costs/

↑ Back to top Tweet itShare on Facebook

is a freelance front-end developer and architect and cares about sustainable front-end experiences and ethical choices in life. He curates the WDRL, a weekly handcrafted web development newsletter that thousands of developers love, subscribe to, and donate for.

  1. 1

    Hi there,

    fuse.js has actually been around for quite some time and is very useful. The website just got a very nice overhaul.

    2
  2. 2

    Suanlian Tangpua

    October 29, 2016 6:24 am

    Thank you so much …It’s so helpful !

    2
  3. 3

    alirantrading

    November 2, 2016 2:34 pm

    very helpful.thanks

    0
  4. 4

    Nice content…. Highly recommended…..

    1
  5. 5

    Abegail Louise Acosta

    November 4, 2016 3:20 am

    I’m a web designer for a Professional Website Development Company. This is quite useful. Thank you for sharing.

    0

↑ Back to top