Anselm Hannemann

About The Author

Anselm Hannemann Anselm Hannemann is a freelance front-end developer and architect. He curates WDRL — a weekly, handcrafted web development newsletter. Apart from that he helped the RICG, built opendevicelab.com and organizes the NightlyBuild 2015 conference in Cologne, Germany. He is available for freelance jobs.

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...

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

  • 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 text” 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 Typography”. 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 time 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 demo, the new InVision Craft tool or the Fluid Plugin for Sketch.

Apps and services integrated into text messages. Is this the future of text?
Apps and services integrated into text messages. Is this the future of text?

Tools

Security

Web Performance

  • Tim Kadlec and Yoav Weiss came up with a (web) standardized alternative to Google’s AMP project. They’ve started writing an early draft of a specification, 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

  • 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> 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 perspective.

JavaScript

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

  • 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 it.
  • Harry Roberts shares a quick study on why Sass Mixins are better for performance than extends when you make use of gzip.

Work & Life

  • Sometimes we’re too busy to pay attention to life. 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 business 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…

  • “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 better. 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 Notebook” 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 sketchbook
Keeping a sketchbook is a much more personal way of recording your travels than taking thousands of photos. (Image credit: Missy H. Dunaway)

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.

Thanks and all the best,
Anselm


More Articles on

Free Icon Sets: E-Commerce, Food, Science, Avatars And Summer

by Cosima Mielke

Free icons are a great way to spice up your work with small effort. While some of them are plain useful, others give a project a fun twist. The following collection of free icon sets offers both — payment provider icons just like summer goodness to help you over a rainy day. All icons can be downloaded and used for free.

Read more

Web Dev. Reading List #125

by Anselm Hannemann

It’s Friday again, and I found some interesting articles for you to read over the upcoming weekend. In projects, developer, manager and product leaders still try to put pressure on the people who work on a task. Somehow they feel relieved, more secure if they do that. On the other hand, the people experiencing the pressure of urgency are struggling massively with it. The fallacy here is...

Read more

Creating Content Wireframes For Responsive Design

by Tom Green

As I was leading my course in responsive web design between 2011 and 2012, I kept stumbling over the process of wireframing. My students tended to focus on the wireframe as being the end game in the planning process. They didn’t understand that responsive design focuses on how users will access the content. You can only imagine my relief when I happened to come across a video by Stephen...

Read more