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 #159: Code Splitting, A New Bundler, And Blake2x

As developers, are we paid to write code? This challenging question raises concerns about product quality, code quality, and our purpose as developers in a world of coded applications. You’ll find an interesting post that dives deeper into the matter in the “Work & Life” section of our reading list this week.

But we have other amazing resources to look at this week, too: new tools, new tutorials, and we’ll also take some time to reconsider CSS print styles. Let’s get started!

Further Reading on SmashingMag: Link

News Link

  • Firefox 50 was released this week5. The new version comes with support for the once option for Event Listeners, the referrerpolicy attribute and a fix for dashed and dotted borders. On the other hand, box-sizing: padding-box was removed. The upcoming version, Firefox 516, which is currently in beta, will introduce a couple of changes, too: <img> with empty src will now fire an error event and JavaScript will be blocked if it’s served with a wrong MIME type. Furthermore, the non-standard Web Payments API will be removed, Accept header for XHR will be simplified, and SHA-1 certificates issued by public CA will no longer be accepted.

Tools & Workflow Link

Security Link

  • blake2x10 is a new hashing function that is even better than blake2. It does not only allow hashes of any arbitrary size but also has a key derivation function and a deterministic random bit generator.
  • What to do if a third party causes your site to throw mixed content warnings? Thanks to the upgrade-insecure-requests headers you can fix your site by applying the header via your Content Security Policy11.
Mixed content warning12
Troy Hunt explains how you can fix a mixed content problem caused by a third party13. (Image credit: Troy Hunt14)

JavaScript Link

CSS/Sass Link

Indigogo’s messed up print layout18
Aaron Gustafson’s tweet about Indigogo’s messed up print layout19 reminded Manuel Matuzovic that print style sheets are still a thing20. (Image credit: Aaron Gustafson21)

Work & Life Link

  • Do you have a plan for your hiring interviews? The people at GitLab certainly have, and they share it with the public: Read their Hiring Guide22 to get some useful advice on writing job ads, handling rejections, and conducting interviews.
  • Garann Means quit the web industry about two years ago. Now she shares what that really meant to her23, why she did it, and why it’s important that we think very carefully about it before we take this step for real. It’s easy to joke about leaving the industry, but the consequences are real and might differ a lot from what we expect.
  • Theo Nicolaou wrote about web development and pressure24. Even if we don’t read articles every day, work on side-projects all the time, or contribute to open-source projects regularly, the web will still be here tomorrow, and we can still help to move it forward and make an impact. We need to remind ourselves that sometimes it’s okay to just do something different, to relax or go out with friends.
  • You Are Not Paid to Write Code25.” Tyler Treat wrote about our job as developers and why we introduce the possibility of failure into a system every time we write code or introduce third-party services. Our job is to find solutions that (if possible) don’t require a new system and to keep out everything else from a codebase unless it’s really necessary.

And with that, I’ll close for this week. If you like what I write each week, please support me with a donation26 or share this resource with other people. You can learn more about the costs of the project here27. It’s available via email, RSS and online.

— Anselm

Footnotes Link

  1. 1 https://www.smashingmagazine.com/2017/02/a-detailed-introduction-to-webpack/
  2. 2 https://www.smashingmagazine.com/2016/09/content-security-policy-your-future-best-friend/
  3. 3 https://www.smashingmagazine.com/2011/11/how-to-set-up-a-print-style-sheet/
  4. 4 https://www.smashingmagazine.com/2015/11/building-digital-capacity-attracting-talent/
  5. 5 https://developer.mozilla.org/en-US/Firefox/Releases/50
  6. 6 https://www.fxsitecompat.com/en-CA/versions/51/
  7. 7 http://brotzky.co/blog/a-beginners-step-by-step-guide-to-code-splitting-with-webpack-2-and-react-router/
  8. 8 https://medium.com/engineering-housing/continuous-integration-using-webpagetest-and-webpack-1f4465d95405
  9. 9 https://www.npmjs.com/package/splittable
  10. 10 https://cybermashup.com/2016/11/11/blake2x-unlimited-hashing/
  11. 11 https://www.troyhunt.com/disqus-mixed-content-problem-and-fixing-it-with-a-csp/
  12. 12 https://www.troyhunt.com/disqus-mixed-content-problem-and-fixing-it-with-a-csp/
  13. 13 https://www.troyhunt.com/disqus-mixed-content-problem-and-fixing-it-with-a-csp/
  14. 14 https://www.troyhunt.com/disqus-mixed-content-problem-and-fixing-it-with-a-csp/
  15. 15 https://bitsofco.de/for-in-vs-for-of/
  16. 16 https://medium.com/@matuzo/i-totally-forgot-about-print-style-sheets-f1e6604cfd6
  17. 17 https://twitter.com/AaronGustafson/status/788073583528538112
  18. 18 https://medium.com/@matuzo/i-totally-forgot-about-print-style-sheets-f1e6604cfd6#.rzuj25yfk
  19. 19 https://twitter.com/AaronGustafson/status/788073583528538112
  20. 20 https://medium.com/@matuzo/i-totally-forgot-about-print-style-sheets-f1e6604cfd6#.rzuj25yfk
  21. 21 https://twitter.com/AaronGustafson/status/788073583528538112
  22. 22 https://about.gitlab.com/handbook/hiring/
  23. 23 http://garann.com/dev/2016/wish-you-would-step-back-from-that-ledge-my-friend/
  24. 24 https://theonicolaou.blogspot.de/2016/10/web-development-and-pressures.html
  25. 25 http://bravenewgeek.com/you-are-not-paid-to-write-code/
  26. 26 https://wdrl.info/donate
  27. 27 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

    fringfrang klingklang

    November 18, 2016 10:12 pm

    The “once” property for event listeners has been ADDED in Firefox 50, not removed! It’s a very exciting addition, actually!

    1
    • 2

      Anselm Hannemann

      November 18, 2016 11:15 pm

      Thanks you, fixed this. Got somehow mixed up during the editing process. Yes, I also love this addition :)

      0
  2. 3

    Very Useful & Interesting Article. like it.

    0
  3. 4

    Thank you great post today.

    What really struck me the most was ‘You are not paid to write code’.

    Does anyone else find it oddly satisfying, knowing that you are paid to reassure others that through your vast wisdom calms the team.

    That you are ready to stand up to points that you know the conclusions of? 🙌

    Kind regards,

    Mic

    1

↑ Back to top