Menu Search
Jump to the content X X
Smashing Conf San Francisco

You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf San Francisco, dedicated to smart front-end techniques and design patterns.

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!

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 text1” 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 Typography2”. 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 time3 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 demo4, the new InVision Craft tool5 or the Fluid Plugin for Sketch6.
Apps and services integrated into text messages. Is this the future of text?7
Apps and services integrated into text messages. Is this the future of text8?

Tools Link

Security Link

Web Performance Link

  • Tim Kadlec and Yoav Weiss came up with a (web) standardized alternative16 to Google’s AMP project. They’ve started writing an early draft of a specification17, but they also need your feedback on that. The goal behind it is to achieve the same that AMP 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.

HTML/SVG Link

  • 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>18 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 perspective19.

JavaScript Link

  • Chrome now has an event for notificationclose20 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.

CSS/Sass Link

Work & Life Link

  • Sometimes we’re too busy to pay attention to life23. 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 business24 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 better25. 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 Notebook26” 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.
Travel sketchbook27
Keeping a sketchbook is a much more personal way of recording your travels than taking thousands of photos. (Image credit: Missy H. Dunaway28)

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

Thanks and all the best,
Anselm

Footnotes Link

  1. 1 http://whoo.ps/2015/02/23/futures-of-text
  2. 2 https://robinrendle.com/essays/new-web-typography/
  3. 3 https://medium.com/@preciousforever/designing-with-meaningful-data-5456b40e172e
  4. 4 http://demo.patternlab.io/
  5. 5 http://www.invisionapp.com/craft
  6. 6 https://github.com/matt-curtis/Fluid-for-Sketch
  7. 7 http://whoo.ps/2015/02/23/futures-of-text
  8. 8 http://whoo.ps/2015/02/23/futures-of-text
  9. 9 https://github.com/brigade/scss-lint/
  10. 10 http://www.creativenightly.com/2016/02/How-to-lint-your-css-with-stylelint/
  11. 11 https://robots.thoughtbot.com/send-a-patch-to-someone-using-git-format-patch
  12. 12 https://stormpath.com/blog/secure-password-hashing-in-node-with-argon2/
  13. 13 https://statuscode.ch/2016/02/distribution-packages-considered-insecure/
  14. 14 http://blog.linuxmint.com/?p=2994
  15. 15 https://www.arxan.com/resources/state-of-application-security/
  16. 16 https://timkadlec.com/2016/02/a-standardized-alternative-to-amp/
  17. 17 https://yoavweiss.github.io/ContentPerformancePolicy/#introduction
  18. 18 https://www.w3.org/TR/html5/text-level-semantics.html#the-data-element
  19. 19 https://github.com/blog/2112-delivering-octicons-with-svg
  20. 20 https://www.chromestatus.com/feature/5706570994286592
  21. 21 https://pawelgrzybek.com/css-custom-properties-explained/
  22. 22 http://csswizardry.com/2016/02/mixins-better-for-performance/
  23. 23 https://www.farnamstreetblog.com/2016/02/too-busy/
  24. 24 http://www.andybudd.com/archives/2016/02/the_benefits_and_challenges_of_running_a/
  25. 25 http://www.theatlantic.com/business/archive/2016/02/buying-less-by-buying-better/462639/
  26. 26 http://www.boredpanda.com/100-landscape-paintings-sketchbook-missy-dunaway/
  27. 27 http://www.boredpanda.com/100-landscape-paintings-sketchbook-missy-dunaway/
  28. 28 http://www.missydunaway.com/
  29. 29 https://wdrl.info/donate
  30. 30 https://wdrl.info/costs/

↑ Back to top Tweet itShare on Facebook

Advertisement

Anselm Hannemann is a freelance front-end developer and architect and cares about sustainable front-end experiences and ethical choices in life. He curates the WDRL, a weekly handcrafted web development newsletter that thousands of developers love and subscribe to.

  1. 1

    I’m so proud to be a part of a WDRL this week :) Thanks Anselm Hannemann.

    2
  2. 2

    This differs from similar announcements in the past from Google about what they prioritize in their search ranking algorithms. We know they like sites that are fast, for example, but they’ve never come out and said “You must use this specific tool to accomplish this goal”. Up until now.

    Doesn’t this piss you off?

    1
    • 3

      Anselm Hannemann

      February 28, 2016 7:47 pm

      Well, I don’t like the approach of introducing a new language format for this (I mean it’s using web components yes, but still is its own site channel). That’s why I really like to see alternatives like the one mentioned in here, CPP.

      1
  3. 4

    Thanks for the list!

    Just in case anyone is looking for it this is the CSS Custom Properties article by Pawel Grzybek: https://pawelgrzybek.com/css-custom-properties-explained/ (appears to have been accidently missed out)

    3
  4. 5

    “Here’s the hotel you took your mistress last Thursday!”

    Thanks, Foursquare.

    5
  5. 6

    sass/css stylelint is something to look upon, again a great post.

    1
  6. 7

    There is no link given to the “Pawel Grzybek / CSS Custom Properties” post…

    3

↑ Back to top