Web Development Reading List #126: Clever Interfaces, An Open AMP Alternative And The Art Of Slow Growth
It’s interesting to see how user experience design advances now that we managed to understand what it means. I think artificial intelligence will become a huge part of user experience over time and that we will spend more time on developing clever integrations to third parties than developing our own “dumb” interfaces. That’s why I find it interesting to see research on how services can use unified interfaces like text messaging apps to become more intelligent. Enjoy your weekend!
Further Reading on SmashingMag:
- Beyond The Boring: The Hunt For The Web’s Lost Soul1
- Web Design Is Dead. No, It Isn’t.2
- The “Wow” Factor in Web Design3
- Examining The Design Process: Clichés And Idea Generation4
Concepts & Design Link
- Why reinvent everything and ship your own application when you could use a messaging app as input and output of your API instead? For example, a schedule for the next bus could be delivered to the user via a text, WhatsApp or Telegram message. The “Futures of text5” article shares approaches that could be built way better as a text message service than as a standalone app. I can imagine services like a simple daily broadcast about avalanche risks that I receive via Telegram on my phone or information about the current traffic situation to be great examples where a simple text message reply could be way more useful than an app.
- Robin Rendle wrote a lengthy but worth to read essay about “The New Web Typography6”. A fine, well-written wrap-up of what we can use now, what we should consider when doing so, and what matters when you need to choose a new typeface for a project.
- The way we approach designing with data has changed over time7 and is still evolving. Given the amount of designs I’ve seen using dummy data that perfectly fit its environment, it’s very important that designers start to test their designs with meaningful and random data. A good way could be the disco mode in the Pattern Lab demo8, the new InVision Craft tool9 or the Fluid Plugin for Sketch10.
- For a long time we only had this one Ruby scss-lint13 plugin to lint our Scss code. “How to lint your Sass/CSS properly with Stylelint14” now explains how you can use another tool based on Node.js and PostCSS to lint not only Scss but also CSS files for coding consistency.
- GitHub is down again? Here’s how you can send a patch file over to a co-worker without the need for a host server15 to push and pull your repository from.
- Randall Degges explains how you can use the new, recommended hashing algorithm Argon2 for password hashing in Node.js16. It’s pretty easy to use, so if you store passwords somewhere, consider Argon2 before it’s too late and your customers’ data is exposed because of a weak storing solution.
- Most of today’s software is delivered via package managers. While it’s an easy, and mostly reliable, way to distribute ready-to-use packages of source code, it also brings along a few security issues. Lukas Reschke shares why: the whole system is based on trust17. And since trust cannot be ensured, we should try to find alternative methods to provide a more open, secure, and reliable way to avoid scenarios like the one that just happened to a Linux distribution18 this week, which served malware from the official package.
- This series of infographics visualizes research findings on how creators of software applications and their users perceive security19. Interestingly, the creators feel more positive about it while users are indeed more realistic — but still far from the messy reality.
Web Performance Link
- Tim Kadlec and Yoav Weiss came up with a (web) standardized alternative20 to Google’s AMP project. They’ve started writing an early draft of a specification21, but they also need your feedback on that. The goal behind it is to achieve the same that AMP22 wants to achieve but by using and keeping the openness of the web instead of inventing a different format. That is also the reason why it’s not called a “project” or “platform” but declared as “Content Performance Policy,” similar to a Content Security Policy that you can opt-in for as a creator.
- You can use the
<time>element to provide a machine readable date for a human date. But did you know you can also use
<data>23 to provide such data for other phrasing content? Pretty cool to markup your products on a page with your IDs, UPC codes or other reference numbers.
- GitHub switched from using iconfont for its icons to using SVG. The interesting part about this is how they explain the switch from a technical perspective24.
- Chrome now has an event for
notificationclose25 that is triggered when a user closes a notification without any other action such as allow or deny. This is useful to adjust your web application with that information or just to measure how many people click those alerts away and do not get the expected experience from your web application.
- Coming to more and more browsers now, CSS Custom Properties are still not widely known, and many people are wondering what the difference is between a Scss Variable and CSS Custom Properties. Pawel Grzybek explains it26.
- Harry Roberts shares a quick study on why Sass Mixins are better for performance27 than extends when you make use of gzip.
Work & Life Link
- Sometimes we’re too busy to pay attention to life28. We tend to focus rather on looking at photos instead of on the moments themselves. We tend to call or instant message with people instead of meeting them at a place. And instead of paying attention to our surroundings and the people near us in the streets, we’re focusing on our phones.
- Andy Budd examines the benefits and challenges of running a slow-growing business29 and compares them to the fast-growing start-up culture. While the challenges that fast growth and unstable company structures bring along are interesting, they also hurt the team culture and maybe even the products being built.
Going beyond… Link
- “For us it’s about providing a product that is durable and affordable that will actually last,” states Karla Gallardo, co-founder of the ethical clothing retailer Cuyana, in this article about the power of buying less by buying better30. Interestingly, this corresponds with research that says it can make you happier to buy less.
- “I Documented Two Years of Travel By Painting In My Moleskine Notebook31” is a lovely hand-crafted art collection created by a traveler during her visits to different places around the world. An alternative to taking thousands of photos that no one will look at afterwards anyway and a beautiful, more emotional representation of lovely places.
And with that, I’ll close for this week. If you like what I write each week, please support me with a donation34 or share this resource with other people. You can learn more about the costs of the project here35. It’s available via email, RSS and online.
Thanks and all the best,
- 1 https://www.smashingmagazine.com/2015/07/hunt-for-the-webs-lost-soul/
- 2 https://www.smashingmagazine.com/2015/07/web-design-is-dead-no-it-isnt/
- 3 https://www.smashingmagazine.com/2009/12/the-wow-factor-in-web-design/
- 4 https://www.smashingmagazine.com/2011/02/clich-s-and-idea-generation-how-to-turn-clich-in-a-successful-visual-solution/
- 5 http://whoo.ps/2015/02/23/futures-of-text
- 6 https://robinrendle.com/essays/new-web-typography/
- 7 https://medium.com/@preciousforever/designing-with-meaningful-data-5456b40e172e
- 8 http://demo.patternlab.io/
- 9 http://www.invisionapp.com/craft
- 10 https://github.com/matt-curtis/Fluid-for-Sketch
- 11 http://whoo.ps/2015/02/23/futures-of-text
- 12 http://whoo.ps/2015/02/23/futures-of-text
- 13 https://github.com/brigade/scss-lint/
- 14 http://www.creativenightly.com/2016/02/How-to-lint-your-css-with-stylelint/
- 15 https://robots.thoughtbot.com/send-a-patch-to-someone-using-git-format-patch
- 16 https://stormpath.com/blog/secure-password-hashing-in-node-with-argon2/
- 17 https://statuscode.ch/2016/02/distribution-packages-considered-insecure/
- 18 http://blog.linuxmint.com/?p=2994
- 19 https://www.arxan.com/resources/state-of-application-security/
- 20 https://timkadlec.com/2016/02/a-standardized-alternative-to-amp/
- 21 https://yoavweiss.github.io/ContentPerformancePolicy/#introduction
- 22 https://www.smashingmagazine.com/2016/12/progressive-web-amps/
- 23 https://www.w3.org/TR/html5/text-level-semantics.html#the-data-element
- 24 https://github.com/blog/2112-delivering-octicons-with-svg
- 25 https://www.chromestatus.com/feature/5706570994286592
- 26 https://pawelgrzybek.com/css-custom-properties-explained/
- 27 http://csswizardry.com/2016/02/mixins-better-for-performance/
- 28 https://www.farnamstreetblog.com/2016/02/too-busy/
- 29 http://www.andybudd.com/archives/2016/02/the_benefits_and_challenges_of_running_a/
- 30 http://www.theatlantic.com/business/archive/2016/02/buying-less-by-buying-better/462639/
- 31 http://www.boredpanda.com/100-landscape-paintings-sketchbook-missy-dunaway/
- 32 http://www.boredpanda.com/100-landscape-paintings-sketchbook-missy-dunaway/
- 33 http://www.missydunaway.com/
- 34 https://wdrl.info/donate
- 35 https://wdrl.info/costs/