Web Development Reading List #174: The Bricks We Lay, Remynification, And 0-RTT

We’re all designers. Whether we do a layout, a product design or write code to design a product technically doesn’t matter here. What does matter though, is that we always take the context of a project into consideration. Because as someone shaping a project so that it is appealing to the clients and works in the best way possible for the target audience, we have a pretty big responsibility.

Imagine architects building a wall out of recycled material that also looks nice — sounds pretty great, right? But seen in the context that this will be a wall that divides people and encourages racism and even more inequality in our society, our first impression of the undertaking suddenly shifts into the opposite direction. We have to make new decisions every time we start a new project, and seeing things in context is crucial to live up to our responsibility — both in our work and our lives.

Further Reading on SmashingMag: Link

• Getting The Sketch Workflow Right: Meet “The Sketch Handbook”¹
• A Glimpse Into The Future With React Native For Web²
• Front-End Performance Checklist 2017 (PDF, Apple Pages)³

News Link

• We waited for this update 2.5 years, now Microsoft is finally working on object-fit and object-position for Microsoft Edge⁴. A great step towards better web compatibility and I really hope that it’ll land in an official build soon.
• With Sketch 43, the app developers announced that the Sketch file format will be open-source⁵ from now on. This is great news because it means that everyone will be able to build a Windows app or a Sketch file viewer app. Since the format of choice will be JSON, we can even think of building automation for files via web services.

General Link

• Ethan Marcotte wrote a thought-provoking article about “the bricks we lay⁹”. In it, he describes a situation where people do work claiming they’re only focusing on the task they do and therefore are apolitical. But your work is never neutral.
• In the last edition of the web development reading list, I shared the first part¹⁰ of Bruce Lawson’s story about the “World Wide Web, Not Wealthy Western Web”. Today comes the second part¹¹ of the mandatory read of this week.

Tools & Workflows Link

• Remy Luisant came up with a tool that optimizes your CSS output just a little bit better than you’re used to: CSS Remynification¹².
• Bit¹³ is an interesting concept of a distributed virtual component repository that combines a lot of existing strategies into one universal component manager.

Security Link

• Maybe it’s still not a good idea to use a messenger that’s build to gather as much data as it can, as a recent data leak of Google’s Allo messenger shows¹⁴.
• Scott Arciszewski explains why JOSE (Javascript Object Signing and Encryption) is a bad standard that everyone should avoid¹⁵. Note that JOSE is part of JSON Web Tokens to which not all of the complaints and issues apply.
• Researchers just broke MAC address randomization¹⁶ and tracked 100% of the test devices, including Android and Apple devices.

Web Performance Link

• Nick Sullivan from Cloudflare explains how they enabled Zero Round Trip Time Resumption for all free users¹⁷, now serving TLS 1.3 for better performance.
• This week, Google announced their project Guetzli¹⁸, a new open source JPEG encoder that can save up to 35% of file size. This is great, but to put things into perspective, we also have to consider that it’s up to 100 times slower¹⁹ as Mozilla’s mozJPEG encoder and in many cases it doesn’t achieve the same quality at the same file size either.
• Jacob Beltran shares lessons learned from optimizing performance in React applications²⁰.

²¹

JavaScript Link

• Firefox 52 hit the release channel last week, and it includes a few changes to setTimeout() and setInterval()²⁴. Please read this update post and check if your code still works as expected.

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

— Anselm

Footnotes Link

1. 1 https://www.smashingmagazine.com/sketch-handbook/
2. 2 https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
3. 3 https://www.smashingmagazine.com/2016/12/front-end-performance-checklist-2017-pdf-pages/
4. 4 https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/6263790-object-fit-and-object-position
5. 5 https://medium.com/sketch-app-sources/sketch-43-is-coming-to-town-with-a-new-game-an-open-file-format-ae62e7e7c223
6. 6 https://medium.com/sketch-app-sources/sketch-43-is-coming-to-town-with-a-new-game-an-open-file-format-ae62e7e7c223#.y94mlusbd
7. 7 https://medium.com/sketch-app-sources/sketch-43-is-coming-to-town-with-a-new-game-an-open-file-format-ae62e7e7c223
8. 8 https://medium.com/sketch-app-sources/sketch-43-is-coming-to-town-with-a-new-game-an-open-file-format-ae62e7e7c223#.y94mlusbd
9. 9 https://ethanmarcotte.com/wrote/the-bricks-we-lay/
10. 10 https://www.smashingmagazine.com/2017/03/world-wide-web-not-wealthy-western-web-part-1/
11. 11 https://www.smashingmagazine.com/2017/03/world-wide-web-not-wealthy-western-web-part-2/
12. 12 https://luisant.ca/remynifier
13. 13 https://github.com/teambit/bit
14. 14 http://www.recode.net/2017/3/13/14912394/google-allo-search-history-privacy-messaging-app
15. 15 https://paragonie.com/blog/2017/03/jwt-json-web-tokens-is-bad-standard-that-everyone-should-avoid
16. 16 https://www.bleepingcomputer.com/news/security/researchers-break-mac-address-randomization-and-track-100-percent-of-test-devices/
17. 17 https://blog.cloudflare.com/introducing-0-rtt/
18. 18 https://research.googleblog.com/2017/03/announcing-guetzli-new-open-source-jpeg.html
19. 19 https://mobile.twitter.com/kornelski/status/842513840898228224
20. 20 https://blog.vixlet.com/react-at-light-speed-78cd172a6411
21. 21 https://blog.cloudflare.com/introducing-0-rtt/
22. 22 https://blog.cloudflare.com/introducing-0-rtt/
23. 23 https://blog.cloudflare.com/introducing-0-rtt/
24. 24 https://blog.wanderview.com/blog/2017/03/13/firefox-52-settimeout-changes/
25. 25 https://wdrl.info/donate
26. 26 https://wdrl.info/costs/

↑ Back to topTweet itShare on Facebook