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”1
- A Glimpse Into The Future With React Native For Web2
- Front-End Performance Checklist 2017 (PDF, Apple Pages)3
- We waited for this update 2.5 years, now Microsoft is finally working on
object-positionfor Microsoft Edge4. 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-source5 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.
- Ethan Marcotte wrote a thought-provoking article about “the bricks we lay9”. 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 part10 of Bruce Lawson’s story about the “World Wide Web, Not Wealthy Western Web”. Today comes the second part11 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 Remynification12.
- Bit13 is an interesting concept of a distributed virtual component repository that combines a lot of existing strategies into one universal component manager.
- 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 shows14.
- Researchers just broke MAC address randomization16 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 users17, now serving TLS 1.3 for better performance.
- This week, Google announced their project Guetzli18, 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 slower19 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 applications20.
- Firefox 52 hit the release channel last week, and it includes a few changes to
setInterval()24. 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 donation25 or share this resource with other people. You can learn more about the costs of the project here26. It’s available via email, RSS and online.
- 1 https://www.smashingmagazine.com/sketch-handbook/
- 2 https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
- 3 https://www.smashingmagazine.com/2016/12/front-end-performance-checklist-2017-pdf-pages/
- 4 https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/6263790-object-fit-and-object-position
- 5 https://medium.com/sketch-app-sources/sketch-43-is-coming-to-town-with-a-new-game-an-open-file-format-ae62e7e7c223
- 6 https://medium.com/sketch-app-sources/sketch-43-is-coming-to-town-with-a-new-game-an-open-file-format-ae62e7e7c223#.y94mlusbd
- 7 https://medium.com/sketch-app-sources/sketch-43-is-coming-to-town-with-a-new-game-an-open-file-format-ae62e7e7c223
- 8 https://medium.com/sketch-app-sources/sketch-43-is-coming-to-town-with-a-new-game-an-open-file-format-ae62e7e7c223#.y94mlusbd
- 9 https://ethanmarcotte.com/wrote/the-bricks-we-lay/
- 10 https://www.smashingmagazine.com/2017/03/world-wide-web-not-wealthy-western-web-part-1/
- 11 https://www.smashingmagazine.com/2017/03/world-wide-web-not-wealthy-western-web-part-2/
- 12 https://luisant.ca/remynifier
- 13 https://github.com/teambit/bit
- 14 http://www.recode.net/2017/3/13/14912394/google-allo-search-history-privacy-messaging-app
- 15 https://paragonie.com/blog/2017/03/jwt-json-web-tokens-is-bad-standard-that-everyone-should-avoid
- 16 https://www.bleepingcomputer.com/news/security/researchers-break-mac-address-randomization-and-track-100-percent-of-test-devices/
- 17 https://blog.cloudflare.com/introducing-0-rtt/
- 18 https://research.googleblog.com/2017/03/announcing-guetzli-new-open-source-jpeg.html
- 19 https://mobile.twitter.com/kornelski/status/842513840898228224
- 20 https://blog.vixlet.com/react-at-light-speed-78cd172a6411
- 21 https://blog.cloudflare.com/introducing-0-rtt/
- 22 https://blog.cloudflare.com/introducing-0-rtt/
- 23 https://blog.cloudflare.com/introducing-0-rtt/
- 24 https://blog.wanderview.com/blog/2017/03/13/firefox-52-settimeout-changes/
- 25 https://wdrl.info/donate
- 26 https://wdrl.info/costs/