Web Development Reading List #170: Hamburger Alternatives, Libsodium In PHP And Choosing Profit

As web developers, we need to rely on our knowledge, and choosing solutions we’re already familiar with is often the most convenient approach to solving a problem. However, not only technology is evolving but also our knowledge of how to use it.

For a while, we thought it’s best to use base64 encoding for inlining assets into CSS files, for example, and that loading JavaScript asynchronously will make websites faster. With more evidence and research, however, we came to realize that we were wrong. We should take this as an occasion to remind ourselves to question our habits and from now on ask ourselves if the solution we have in mind for a given problem really is still the best one we could choose.

Further Reading on SmashingMag: Link

• Mobile Navigation For Smashing Magazine: A Case Study¹
• The Beauty Of React Native: Building Your First iOS App With JavaScript (Part 1)²
• Improving Smashing Magazine’s Performance: A Case Study³
• Using Sketch For Responsive Web Design (A Case Study)⁴

Concept & Design Link

• Levi Kovacs shares alternative ideas and concepts to the hamburger menu⁵.
• The folks at Brand.ai published a new tool for version-controlled design collaboration workflows in Sketch⁶.

Security Link

• PHP (probably 7.2) will get an implementation of Libsodium¹⁰, one of the most modern and best cryptographic libraries available. This is a huge step forward that’ll improve security for millions of users.

Web Performance Link

• Harry Roberts explains why you shouldn’t use base64 in CSS and why base64 and gzip don’t work well together¹¹. He also dives deeper into performance differences to help you figure out the best solution¹².

JavaScript Link

• Jack Franklin explains context in ReactJS applications¹³ — something that’s discussed a lot in the community and often defined in many different ways. Jack explains why it exists, when to make use of it, and how you can avoid using it.
• In his essay about JavaScript start-up performance, Addy Osmani explains what slows our web apps from booting up¹⁴.
• With all the talk about CSS in JavaScript and markup in JavaScript, we had quite some discussions lately. However, these topics were mostly discussed in the context of React applications. Now there’s a holistic approach to keeping everything in one place for vue.js¹⁵: your markup, your logic, your styles. An interesting concept that could be very useful for vue.js web applications.

Work & Life Link

• Jason Fried wrote about depending less on each other in a company¹⁶ to ensure that team members don’t slow each other down.
• Basecamp gives insights into why they chose profit¹⁷ as their route to a healthy work environment and a sustainable business.

¹⁸

Going Beyond… Link

• So how can you be sure to not leak data from your phone or computer to authorities when you cross the border²⁰? According to The Verge, the only reliable way is to delete it upfront. An interesting look at the options you have and why it can indeed make sense to delete your data on the phone and restore it later from the Cloud, if you want to avoid any hassle.

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/2015/09/mobile-navigation-for-smashing-magazine/
2. 2 https://www.smashingmagazine.com/2016/04/the-beauty-of-react-native-building-your-first-ios-app-with-javascript-part-1/
3. 3 https://www.smashingmagazine.com/2014/09/improving-smashing-magazine-performance-case-study/
4. 4 https://www.smashingmagazine.com/2015/04/using-sketch-for-responsive-web-design-case-study/
5. 5 https://uxplanet.org/great-alternatives-to-hamburger-menus-d4c76d9414dd
6. 6 https://blog.prototypr.io/goodbye-final-final-sketch-hello-brand-ai-artboards-75f65bec8f17
7. 7 https://uxplanet.org/great-alternatives-to-hamburger-menus-d4c76d9414dd
8. 8 https://uxplanet.org/great-alternatives-to-hamburger-menus-d4c76d9414dd
9. 9 https://uxplanet.org/great-alternatives-to-hamburger-menus-d4c76d9414dd
10. 10 http://news.php.net/php.internals/98281
11. 11 https://csswizardry.com/2017/02/base64-encoding-and-performance/
12. 12 https://csswizardry.com/2017/02/base64-encoding-and-performance-part-2/
13. 13 http://javascriptplayground.com/blog/2017/02/context-in-reactjs-applications/
14. 14 https://medium.com/@addyosmani/javascript-start-up-performance-69200f43b201
15. 15 https://appendto.com/2017/02/vue-jss-single-file-components-keeping-it-all-in-one-place-2/
16. 16 https://m.signalvnoise.com/depend-less-on-each-other-507fe0e23e4b
17. 17 https://m.signalvnoise.com/why-we-choose-profit-e511efc4dcb9
18. 18 https://m.signalvnoise.com/depend-less-on-each-other-507fe0e23e4b
19. 19 https://m.signalvnoise.com/depend-less-on-each-other-507fe0e23e4b
20. 20 http://www.theverge.com/2017/2/15/14629022/border-search-customs-data-privacy-encryption
21. 21 https://wdrl.info/donate
22. 22 https://wdrl.info/costs/

↑ Back to topTweet itShare on Facebook