FeedCity logo

FeedCity

Matthias Ott

Articles and notes by Matthias Ott, User Experience Designer from Stuttgart, Germany.

  • Not verified Not verified.
  • No WebSub updates. No WebSub updates.
  • Invalid.

Managing Editor: Matthias Ott

Webmaster: Matthias Ott

Managing Editor: Matthias Ott

Webmaster: Matthias Ott

Matthias Ott
• Matthias Ott

Better Options

We all want to make the right decisions. Not only because we want to be successful, but often simply because we want to avoid the negative consequences of making the wrong decision. We are risk-averse beings. So we put a lot of emphasis on the decision itself. We collect inf...

Matthias Ott
• Matthias Ott

:focus-visible Is Here

One of the most important features of a website that is built with accessibility in mind is that it can be navigated with a keyboard. Most blind users and many users with motor disabilities rely on keyboard navigation, either with a standard keyboard or with a device that mi...

Matthias Ott
• Matthias Ott

On the Design Systems Between Us

Ethan Marcotte just gave a fabulous remote talk at SydCSS on the nature of design systems and the challenges of creating and maintaining them over time. Ethan managed to comprise so many of the things I’ve been hearing, noticing, and thinking about in such a concise and clea...

Matthias Ott
• Matthias Ott

Design and the 80/20 Principle

Over 120 years ago, an Italian engineer, sociologist, economist, and philosopher named Vilfredo Pareto made an astonishing discovery. He was looking at the distribution of land in Italy, when he observed that approximately 80 % of the land was owned by only 20 % of the popul...

Matthias Ott
• Matthias Ott

CSS Custom Properties With @property

Una Kravets has written an excellent article about a feature that has been released with Chrome 85: The @property syntax of the Properties and Values API. The Properties and Values API is part of CSS Houdini, the next generation of additions to CSS allowing developers to ext...

Matthias Ott
• Matthias Ott

AVIF: A New Image Format

It doesn’t happen every day that a new image format comes along. So it’s not surprising that people are excited that Chrome 85 has been released with support for the new AVIF format. AVIF (AV1 Image File Format) is an open image format based on the AV1 video format that was ...

Matthias Ott
• Matthias Ott

Your Brain Is Plastic

Martha Curtis had a dream. She wanted to become a violinist. She had been playing the violin since she was nine and excelled at it. But there was a problem. A huge problem. Martha had begun suffering from seizures at age three and a half. She was diagnosed with epilepsy and ...

Matthias Ott
• Matthias Ott

Aspect Ratio in CSS: Hacks and a New Property

Layout on the Web is all about flexibility. That elements adjust their dimensions to the size of their content, be it texts of varying length or images of different sizes, is a welcome feature, especially in times of Responsive Web Design because this flexibility makes build...

Matthias Ott
• Matthias Ott

The Thing With Leading in CSS

The spacing between individual elements of a website and, in particular, the vertical spacing, has been a regular matter of debate between web designers and developers. Designers insist that what they see in the browser doesn’t look at all like the layout they originally des...

Matthias Ott
• Matthias Ott

Design Debt

The dilemma with debt is that it is easily incurred but, inevitably, there comes a time when you will have to pay it back. The problem with design debt is that it is even easier to amass it. Design debt? Yes, like technical debt but for designers. Tight deadlines, feature cr...

Matthias Ott
• Matthias Ott

BICEPS: Six Core Needs for Humans at Work

How do you feel about your work at the moment? Do you enjoy what you are doing? Do you feel excited about it? Does it give you a sense of accomplishment and significance? Do you feel valued and are part of a great team? Do you enjoy your role as a leader or the choices you h...

Matthias Ott
• Matthias Ott

Fading Music in and Out in an Online Workshop (On a Mac)

When it became increasingly clear that running in-person workshops would not be possible for the foreseeable future, the XDI team, which I am a part of, started to work on online versions of our Adobe XD workshops for beginners and advanced users. The resulting workshops are...

Matthias Ott
• Matthias Ott

How I Structure My CSS (for Now)

When it comes to structuring CSS, there is no shortage of different naming conventions, methodologies, and architectures. Be it BEM, OOCSS, SMACSS, ITCSS, or CUBE CSS – over the last years, many different approaches to managing modular CSS have emerged. Some are offering str...

Matthias Ott
• Matthias Ott

Halftime

This is post number 50 of my 100-days-of-writing challenge. It’s halftime! Time for me to look at how this little (?!?) experiment worked out so far and what I might have learned or experienced since I started back in May. First of all, the obvious: Writing a post every day...

Matthias Ott
• Matthias Ott

Gall’s Law

In 1963, the people at NASA needed a building. And not just any building. It had to be large enough to be able to assemble the enormous space vehicles NASA designed as part of their massive effort to send astronauts to the Moon. The building that was completed in 1966 allowe...

Matthias Ott
• Matthias Ott

Finite and Infinite Games

According to James P. Carse, there are at least two types of games: Finite games and infinite games. Finite games have a clear beginning and end, a distinct set of rules and boundaries, and we play them for one purpose: to win. Take any match of chess, tennis, football, or S...

Matthias Ott
• Matthias Ott

Range

What is the right strategy to achieve greatness and succeed in a specific domain? If you believe the predominant narrative in many efficiency-oriented societies today, the answer is clear: Focus on one thing early in life to have a head start and invest at least the famous 1...

Matthias Ott
• Matthias Ott

Lateral Thinking With Withered Technology

One evening in the late 1970s, an engineer from Kyoto was riding home on the Shinkansen, when he recognized the man sitting next to him playing around with his LCD calculator, punching buttons in boredom. The engineer, who worked at a toy and gaming company, had an idea: Wha...

Matthias Ott
• Matthias Ott

The Idea Machine

I used to dream of a magical machine. It was about as big as a microwave, all silver metal (with rivets, of course), and it had little knobs, lamps, and indicators everywhere. On the left, there were two buttons: One was green and the other one red. On the right, the machine...

Matthias Ott
• Matthias Ott

Hell Yeah or No

Derek Sivers just published a new book. It is called “HELL YEAH OR NO” and you can get it on Derek’s website. Having enjoyed Derek’s blog articles and podcast a lot, buying his book, which also includes an audio version, was a no-brainer for me. Derek is a musician, producer...

Matthias Ott
• Matthias Ott

Progressive

Ethan Marcotte wrote this on Twitter on Monday: Nos­tal­gia for the hey­day of web design has to be bal­anced with the knowl­edge that much of what we did ​“in the old days” was woe­ful­ly, thor­ough­ly...

Matthias Ott
• Matthias Ott

Their Fault

It is clearly their fault. The clients just don’t get design. The designers only care about how it looks. The developers have no sense for aesthetics. CSS is broken. The users are just too stupid. It is clearly their fault. Is it, though? Whenever we struggle or ...

Matthias Ott
• Matthias Ott

Always at Your Service

Jeremy Keith and the team at Clearleft have started a new podcast. In each episode, they are looking at a different theme related to design, development, and beyond. The first episode covered design systems and was already very worthwhile. But I especially enjoyed the latest...

Matthias Ott
• Matthias Ott

Wicked Design

Problems come in two flavors. There are the problems we know how to solve, or at least know that there is a solution to them. Like mathematical equations, for example, or beating another chess player in five moves. For those problems, the mission is clear. And then, there ar...

Matthias Ott
• Matthias Ott

Scrolling Elements Into View

Although you should not mess with scrolling unless it is really necessary, scrolling an element into view is something that is needed from time to time. In my case, I recently wanted to scroll to the top of a table after a user clicked on the pagination underneath the table....

Matthias Ott
• Matthias Ott

Useless Is Useful

Much like every other weekend, I spent several hours cleaning the apartment this Sunday. Although I enjoyed the result of it, I had always looked at cleaning as a tedious task. Yet, I have come to enjoy it over the last few years. This is because I have started to listen to ...

Matthias Ott
• Matthias Ott

Fear

I knew it would happen again. The fear. The tunnel vision. The blackout. Only a few seconds left. I don’t want to be here. “Next is Matthias, who will play the first movement of Mozart’s Piano Sonata No. 11 for us.” Applause! I can’t think straight. The tunnel vision is here...

Matthias Ott
• Matthias Ott

The New Urgency of Climate Change

The COVID-19 crisis has temporarily shifted our attention away from the most pressing and life-threatening of all challenges: Climate change. But while we – at least in Europe and other parts of the world with responsible leadership – are on a flattening curve, the issue of ...

Matthias Ott
• Matthias Ott

Don’t Assume, Validate.

As we gain more and more experience in building digital products, we tend to think ever so often that we already know what a good solution looks like and how people will use our design. But that’s not true. Far too often, we are assuming that things work in a certain way or ...