There is a lot to learn this week. It starts with non-technical things like going for a walk to refresh your mind and finishes with how to prevent reverse XSS attacks in forms. But it doesn’t matter whether you learn how to build self-contained web components using the new specification or to maximize the efficiency of your Angular 2 app or just how you can write less code. What matters is that you keep asking questions and that you try to get better and smarter at your craft.
Further Reading on SmashingMag: Link
- Front-End Performance Checklist 2017 (PDF, Apple Pages)1
- Styled-Components: Enforcing Best Practices In Component-Based Systems2
- Making A Service Worker: A Case Study3
- Mistakes Developers Make When Learning Design4
- Heydon Pickering shares tips on writing less code5 to make your developer life easier. Something we all should remember.
Tools & Workflows Link
- Nucleus96 is certainly not the first living style guide generator but it’s still worth sharing. The Node.js module fits into existing projects, follows the Patternlab splitting by default, and has a nice layout where you easily find the things you’re looking for.
- If you ever lost a stash in git, here are a few tips on how to recover dropped stashes7.
- Matthew Green asks himself if Apple’s cloud key vault is a crypt backdoor10. In his explanatory answer, he shares why Apple’s method of using Hardware Security Modules is pretty clever and maybe worth learning more about if you’re interested in storing sensitive user data behind weak user-set passwords.
- Using social engineering by pretending to be a valid website in the URL bar is easy with the RTL feature of Chrome and Firefox and this little trick11. I’m sure this type of attack is successful since most normal users do check if a URL is correct but they can’t see anything bad in it. A good reminder that we need to find better ways to let users know that the URL they visit is safe.
- When we look into the source code of forms at github.com, we’ll find some interesting markup in there12. Its purpose: preventing XSS attacks. In this blog post we can learn about the tricks that GitHub uses13 to maximize the security of their web application.
- Troy Hunt wraps up how our personal data is usually leaked14 and why security is a design process, not only an implementation process. Also a good primer on how to design a password recovery feature.
Web Performance Link
- Minko Gechev shares how you can do Ahead-of-time compilation in Angular 219 to improve performance and reduce energy and bandwidth consumption to make your application more efficient.
- Addy Osmani shares best practices on how to use offline storage for your web application20 to ensure the app stays usable when the network connection is flakey.
- Eric Bidelman explains the new Shadow DOM v1 standard21, the now de-facto standard for building self-contained web components.
Work & Life Link
- Margaret Gould Stewart talks about how she learned that making mistakes is crucial for a team’s morale22 and why this prevents people from becoming bored, burning out, and from feeling annoyed about their manager.
- Sometimes, a long walk outside can refresh your mind23. It can give you new inspiration and help you calm down if you’re feeling upset.
Going Beyond… Link
- Bill Gates shares what he learned from his school teacher24 and how only later he realized that students should ask teachers more questions. If we ask more, we will learn from others. It’s always harder to proactively communicate knowledge to other people than being asked for it.
- Phillip Rogaway shares a paper on “The Moral Character of Cryptographic Work25” (PDF). An interesting read on the shift of power and why cryptography is often a political tool that demands high morals and ethical fundamentals of those who build it. Anyone who ever discussed the topic of morals and ethics in science should read this.
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.
- 1 https://www.smashingmagazine.com/2016/12/front-end-performance-checklist-2017-pdf-pages/
- 2 https://www.smashingmagazine.com/2017/01/styled-components-enforcing-best-practices-component-based-systems/
- 3 https://www.smashingmagazine.com/2016/02/making-a-service-worker/
- 4 https://www.smashingmagazine.com/2016/12/mistakes-developers-make-when-learning-design/
- 5 http://www.heydonworks.com/article/on-writing-less-damn-code
- 6 https://holidaypirates.github.io/nucleus/
- 7 https://stackoverflow.com/questions/89332/how-to-recover-a-dropped-stash-in-git/7844566
- 8 https://holidaypirates.github.io/nucleus/
- 9 https://holidaypirates.github.io/nucleus/
- 10 http://blog.cryptographyengineering.com/2016/08/is-apples-cloud-key-vault-crypto.html?m=1
- 11 http://www.rafayhackingarticles.net/2016/08/google-chrome-firefox-address-bar.html
- 12 https://chloe.re/2016/07/19/protect-against-html-extraction/
- 13 https://chloe.re/2016/08/15/lets-look-at-some-of-the-security-at-github/
- 14 https://www.troyhunt.com/website-enumeration-insanity-how-our-personal-data-is-leaked/
- 15 http://www.rafayhackingarticles.net/2016/08/google-chrome-firefox-address-bar.html
- 16 http://www.rafayhackingarticles.net/2016/08/google-chrome-firefox-address-bar.html
- 17 http://www.rafayhackingarticles.net/2016/08/google-chrome-firefox-address-bar.html
- 18 https://nolanlawson.com/2016/08/15/the-cost-of-small-modules/
- 19 http://blog.mgechev.com/2016/08/14/ahead-of-time-compilation-angular-offline-precompilation/
- 20 https://medium.com/@addyosmani/offline-storage-for-progressive-web-apps-70d52695513c
- 21 https://developers.google.com/web/fundamentals/primers/shadowdom/
- 22 https://shift.newco.co/how-a-single-conversation-with-my-boss-changed-my-view-on-delegation-and-failure-ae5376451c8d
- 23 http://zenhabits.net/walk/
- 24 https://www.gatesnotes.com/Education/A-Teacher-Who-Changed-My-Life
- 25 http://web.cs.ucdavis.edu/~rogaway/papers/moral-fn.pdf
- 26 https://wdrl.info/donate
- 27 https://wdrl.info/costs/