Are you over 18 and want to see adult content?
More Annotations
A complete backup of webcamsdolls.com
Are you over 18 and want to see adult content?
A complete backup of www.www.petticoated.com
Are you over 18 and want to see adult content?
A complete backup of www.www.millionairematch.com
Are you over 18 and want to see adult content?
A complete backup of fluffychicks.net
Are you over 18 and want to see adult content?
A complete backup of www.tastyblacks.com
Are you over 18 and want to see adult content?
A complete backup of www.www.enature.tv
Are you over 18 and want to see adult content?
A complete backup of www.www.abcoeur.com
Are you over 18 and want to see adult content?
A complete backup of beautifulagony.com
Are you over 18 and want to see adult content?
A complete backup of www.www.imagefap.com
Are you over 18 and want to see adult content?
Favourite Annotations
Sankt Katharinen-Krankenhaus - Startseite
Are you over 18 and want to see adult content?
The Tin Whistle – Everything You Know is Twisted
Are you over 18 and want to see adult content?
Scenic Caves Nature Adventures - Collingwood, Ontario
Are you over 18 and want to see adult content?
Dallas Songwriters Song Contest
Are you over 18 and want to see adult content?
A complete backup of sophrambles.tumblr.com
Are you over 18 and want to see adult content?
Forum: M2M Support Forum | M2MSupport.net
Are you over 18 and want to see adult content?
IP Logger URL Shortener - Log and Track IP addresses
Are you over 18 and want to see adult content?
Cranes for Sale | Buy & Sell Cranes | Crane Rentals | Crane Network
Are you over 18 and want to see adult content?
Online store to buy home gardening Seeds, Grow Bags and ...
Are you over 18 and want to see adult content?
Text
MATTHIAS OTT
Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. NOTES · MATTHIAS OTT The Right Way to Use fonts.com Web Fonts. 31 May 2020. Change and theStatus Quo
THE BEAUTIFUL · MATTHIAS OTT Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. THE THING WITH LEADING IN CSS · MATTHIAS OTT In later years, more and more desktop publishing tools allowed people to set leading not in addition to the base font size but as an absolute value and the term leading became synonymous with the distance from one baseline to the next. Many tools also started calling it line-height.One thing remained, however: The extra space to increase the line height was still added below the lines. GALL’S LAW · MATTHIAS OTT Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. HOW I STRUCTURE MY CSS (FOR NOW) · MATTHIAS OTT People all like to use their own flavor of CSS, which is great. If you use a methodology or folder structure that you would like to share, write a post about it and I’ll happily link to it here. It would be interesting to see how you structure your CSS. For future reference, here’s the whole folder structure again: /scss/ ├── 1 MY VISUAL STUDIO CODE SETUP: EXTENSIONS AND THEMESSEE MORE ONMATTHIASOTT.COM
THE IMPORTANCE OF BEING INAUTHENTIC · MATTHIAS OTT The Importance of Being Inauthentic. “Just be authentic!”. I’m sure you’ve heard that advice before. Maybe you also know some people, who proudly proclaim that they always like to be authentic and always openly tell people what they are thinking. There is only one problem with being authentic: It can be highly disrespectful, overly ASPECT RATIO IN CSS: HACKS AND A NEW PROPERTY · MATTHIAS This is exactly what the CSS Working Group proposed last year: a new CSS property named aspect-ratio. The property, which still has to be implemented by browser vendors, will let you define a simple ratio like 16 / 9. If you want to play around with aspect-ratio, you can do so in Chrome Canary with the Experimental Web Platform Features flag THOUGHTS ON WRITING: SHITTY FIRST DRAFTS · MATTHIAS OTT In fact, such a shitty first draft is often the reason they are able to put down any words in the first place. A shitty first draft allows the writer to jot down a stream of thought without being interrupted by long periods of refinement and without thinking about what potential readers, colleagues, or critics might think of the text.MATTHIAS OTT
Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. NOTES · MATTHIAS OTT The Right Way to Use fonts.com Web Fonts. 31 May 2020. Change and theStatus Quo
THE BEAUTIFUL · MATTHIAS OTT Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. THE THING WITH LEADING IN CSS · MATTHIAS OTT In later years, more and more desktop publishing tools allowed people to set leading not in addition to the base font size but as an absolute value and the term leading became synonymous with the distance from one baseline to the next. Many tools also started calling it line-height.One thing remained, however: The extra space to increase the line height was still added below the lines. GALL’S LAW · MATTHIAS OTT Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. HOW I STRUCTURE MY CSS (FOR NOW) · MATTHIAS OTT People all like to use their own flavor of CSS, which is great. If you use a methodology or folder structure that you would like to share, write a post about it and I’ll happily link to it here. It would be interesting to see how you structure your CSS. For future reference, here’s the whole folder structure again: /scss/ ├── 1 MY VISUAL STUDIO CODE SETUP: EXTENSIONS AND THEMESSEE MORE ONMATTHIASOTT.COM
THE IMPORTANCE OF BEING INAUTHENTIC · MATTHIAS OTT The Importance of Being Inauthentic. “Just be authentic!”. I’m sure you’ve heard that advice before. Maybe you also know some people, who proudly proclaim that they always like to be authentic and always openly tell people what they are thinking. There is only one problem with being authentic: It can be highly disrespectful, overly ASPECT RATIO IN CSS: HACKS AND A NEW PROPERTY · MATTHIAS This is exactly what the CSS Working Group proposed last year: a new CSS property named aspect-ratio. The property, which still has to be implemented by browser vendors, will let you define a simple ratio like 16 / 9. If you want to play around with aspect-ratio, you can do so in Chrome Canary with the Experimental Web Platform Features flag THOUGHTS ON WRITING: SHITTY FIRST DRAFTS · MATTHIAS OTT In fact, such a shitty first draft is often the reason they are able to put down any words in the first place. A shitty first draft allows the writer to jot down a stream of thought without being interrupted by long periods of refinement and without thinking about what potential readers, colleagues, or critics might think of the text. WHAT I’M DOING NOW · MATTHIAS OTT Workshops / Talks. Last week, I lead another design and prototyping workshop for Adobe with Adobe XD in Dresden, Germany. It was the first stop of a workshop tour across Germany and later Europe, which is a really nice addition to the workshops at conferences. I’m really enjoying those hands-on workshops and so I am currently preparing two NOTES · MATTHIAS OTT The Right Way to Use fonts.com Web Fonts. 31 May 2020. Change and theStatus Quo
PLAY AT WORK · MATTHIAS OTT Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. BICEPS: SIX CORE NEEDS FOR HUMANS AT WORK · MATTHIAS OTT Core needs that we all value and try to meet at different levels, but which are all essential to make us feel valued and satisfied. There are a few different models that try to describe those needs, one of which is Paloma Medina’s BICEPS framework. Lara Hogan talked about this list of core needs in the latest episode of Matt Mullenweg’s LESS BUT BETTER · MATTHIAS OTT Less complexity but better systems. Less bloat but better code. Less tracking but better content. Less writing but a clearer message. Design is the result of a series of decisions. But when you are working in a modern, flexible, and iterative way, there often are no upfront plans or requirements you can base your decisions on. HALFTIME · MATTHIAS OTT Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. THOUGHTS ON WRITING: SHITTY FIRST DRAFTS · MATTHIAS OTT In fact, such a shitty first draft is often the reason they are able to put down any words in the first place. A shitty first draft allows the writer to jot down a stream of thought without being interrupted by long periods of refinement and without thinking about what potential readers, colleagues, or critics might think of the text. PAINTING WITH THE WEB · MATTHIAS OTT Painting With the Web. Have you ever seen Gerhard Richter painting? It is phenomenal to watch. He might start one of his large, abstract paintings by carefully applying oil paint to the canvas with a thick brush. Then, he begins to scrape, smear, or add new layers of paint with a large, home-made squeegee. After each change, Richter pauses THOUGHTS ON WRITING: WHAT THEY SAY · MATTHIAS OTT Thoughts on Writing: What They Say. You might have heard of this quote from Marty Neumeier, author of The Brand Gap: A brand is not what you say it is. It’s what they say it is. What he means by that is that no matter how much you want your product or company to be perceived in a certain way by the public, what really defines your brand is SMOOTH OPERATIONS · MATTHIAS OTT Yes, sixty-six. This basic concept of network theory – that the number of connections between nodes in a network increases exponentially – is the basis for Metcalfe’s Law, which states that the impact and usefulness of a network increase significantly the more users it has. Metcalfe’s Law is often illustrated with the exampleof a fax
MATTHIAS OTT
Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. THE BEAUTIFUL · MATTHIAS OTT Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. THE THING WITH LEADING IN CSS · MATTHIAS OTT In later years, more and more desktop publishing tools allowed people to set leading not in addition to the base font size but as an absolute value and the term leading became synonymous with the distance from one baseline to the next. Many tools also started calling it line-height.One thing remained, however: The extra space to increase the line height was still added below the lines. LATERAL THINKING WITH WITHERED TECHNOLOGY · MATTHIAS OTT Jeremy Keith Lateral Thinking With Withered Technology · Matthias Ott – User Experience Designer July 30th, 2020 What web development can learn from the Nintendo Game and Watch. The Web now consists of an ever-growing number of different frameworks, methodologies, screen sizes, devices, browsers, and connection speeds. LESS BUT BETTER · MATTHIAS OTT Less complexity but better systems. Less bloat but better code. Less tracking but better content. Less writing but a clearer message. Design is the result of a series of decisions. But when you are working in a modern, flexible, and iterative way, there often are no upfront plans or requirements you can base your decisions on. HOW I STRUCTURE MY CSS (FOR NOW) · MATTHIAS OTT People all like to use their own flavor of CSS, which is great. If you use a methodology or folder structure that you would like to share, write a post about it and I’ll happily link to it here. It would be interesting to see how you structure your CSS. For future reference, here’s the whole folder structure again: /scss/ ├── 1 PAINTING WITH THE WEB · MATTHIAS OTT Painting With the Web. Have you ever seen Gerhard Richter painting? It is phenomenal to watch. He might start one of his large, abstract paintings by carefully applying oil paint to the canvas with a thick brush. Then, he begins to scrape, smear, or add new layers of paint with a large, home-made squeegee. After each change, Richter pauses ASPECT RATIO IN CSS: HACKS AND A NEW PROPERTY · MATTHIAS This is exactly what the CSS Working Group proposed last year: a new CSS property named aspect-ratio. The property, which still has to be implemented by browser vendors, will let you define a simple ratio like 16 / 9. If you want to play around with aspect-ratio, you can do so in Chrome Canary with the Experimental Web Platform Features flag MY VISUAL STUDIO CODE SETUP: EXTENSIONS AND THEMESSEE MORE ONMATTHIASOTT.COM
AVIF: A NEW IMAGE FORMAT · MATTHIAS OTT AVIF (AV1 Image File Format) is an open image format based on the AV1 video format that was developed as a modern alternative to JPEG. And it is indeed impressive: The compression is far superior, so you end up with files that are about 50 % smaller than JPEGs and AVIF even significantly outperforms WebP. Great news for web performance!MATTHIAS OTT
Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. THE BEAUTIFUL · MATTHIAS OTT Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. THE THING WITH LEADING IN CSS · MATTHIAS OTT In later years, more and more desktop publishing tools allowed people to set leading not in addition to the base font size but as an absolute value and the term leading became synonymous with the distance from one baseline to the next. Many tools also started calling it line-height.One thing remained, however: The extra space to increase the line height was still added below the lines. LATERAL THINKING WITH WITHERED TECHNOLOGY · MATTHIAS OTT Jeremy Keith Lateral Thinking With Withered Technology · Matthias Ott – User Experience Designer July 30th, 2020 What web development can learn from the Nintendo Game and Watch. The Web now consists of an ever-growing number of different frameworks, methodologies, screen sizes, devices, browsers, and connection speeds. LESS BUT BETTER · MATTHIAS OTT Less complexity but better systems. Less bloat but better code. Less tracking but better content. Less writing but a clearer message. Design is the result of a series of decisions. But when you are working in a modern, flexible, and iterative way, there often are no upfront plans or requirements you can base your decisions on. HOW I STRUCTURE MY CSS (FOR NOW) · MATTHIAS OTT People all like to use their own flavor of CSS, which is great. If you use a methodology or folder structure that you would like to share, write a post about it and I’ll happily link to it here. It would be interesting to see how you structure your CSS. For future reference, here’s the whole folder structure again: /scss/ ├── 1 PAINTING WITH THE WEB · MATTHIAS OTT Painting With the Web. Have you ever seen Gerhard Richter painting? It is phenomenal to watch. He might start one of his large, abstract paintings by carefully applying oil paint to the canvas with a thick brush. Then, he begins to scrape, smear, or add new layers of paint with a large, home-made squeegee. After each change, Richter pauses ASPECT RATIO IN CSS: HACKS AND A NEW PROPERTY · MATTHIAS This is exactly what the CSS Working Group proposed last year: a new CSS property named aspect-ratio. The property, which still has to be implemented by browser vendors, will let you define a simple ratio like 16 / 9. If you want to play around with aspect-ratio, you can do so in Chrome Canary with the Experimental Web Platform Features flag MY VISUAL STUDIO CODE SETUP: EXTENSIONS AND THEMESSEE MORE ONMATTHIASOTT.COM
AVIF: A NEW IMAGE FORMAT · MATTHIAS OTT AVIF (AV1 Image File Format) is an open image format based on the AV1 video format that was developed as a modern alternative to JPEG. And it is indeed impressive: The compression is far superior, so you end up with files that are about 50 % smaller than JPEGs and AVIF even significantly outperforms WebP. Great news for web performance! ABOUT ME · MATTHIAS OTT About Me. Hi, I’m Matthias. I’m an independent user experience designer, user interface engineer, and speaker from Stuttgart, Germany.I teach Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel and curate the monthly newsletter Prototyping.news.. I will help you and your team with my expertise and over 10 years of industry experience create delightful, accessible THE BEAUTIFUL · MATTHIAS OTT Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. GALL’S LAW · MATTHIAS OTT Aerial view of the Apollo 11 Saturn V rollout from the Vehicle Assembly Building. 20 May 1969. Image: NASA, research by J. L. Pickering. That a building can have its own weather is not only a good story to start a blog post with, but it also teaches us something about the nature of complex systems: They come with unintended consequences and unexpected behavior. WELCOME TO THE 21ST CENTURY · MATTHIAS OTT Welcome to the 21st Century. My late grandmother was born in 1913. When she was my age, she had already lived through the Great Depression, the Spanish flu pandemic, hyperinflation, the fall of the Weimar Republic, two world wars, and, with the Nazi regime and the Holocaust, the darkest chapter in German history. PAINTING WITH THE WEB · MATTHIAS OTT Painting With the Web. Have you ever seen Gerhard Richter painting? It is phenomenal to watch. He might start one of his large, abstract paintings by carefully applying oil paint to the canvas with a thick brush. Then, he begins to scrape, smear, or add new layers of paint with a large, home-made squeegee. After each change, Richter pauses NO WRONG NOTES · MATTHIAS OTT He played the piano like no other. Literally. When legendary jazz pianist Thelonious Monk sat down at the piano and started playing, he would hit the keys with his fingers held flat, almost attacking them to produce the ringing, percussive sound he was known for. His compositions and improvisations were full of dissonances and melodic twists and he often divided single-line melodies between :FOCUS-VISIBLE IS HERE · MATTHIAS OTT A Polyfill for Older Browsers. If you need to support a wider range of browsers, including Safari, there is also a polyfill.It simply adds a focus-visible class to all focused elements in situations in which otherwise the :focus-visible pseudo-selector would match.. Once the script is added to your page, the code looks much like in the examplesabove.
BICEPS: SIX CORE NEEDS FOR HUMANS AT WORK · MATTHIAS OTT Core needs that we all value and try to meet at different levels, but which are all essential to make us feel valued and satisfied. There are a few different models that try to describe those needs, one of which is Paloma Medina’s BICEPS framework. Lara Hogan talked about this list of core needs in the latest episode of Matt Mullenweg’s THOUGHTS ON WRITING: SHITTY FIRST DRAFTS · MATTHIAS OTT In fact, such a shitty first draft is often the reason they are able to put down any words in the first place. A shitty first draft allows the writer to jot down a stream of thought without being interrupted by long periods of refinement and without thinking about what potential readers, colleagues, or critics might think of the text. OUR NEW DESIGN OVERLORDS AND A REMARKABLE FUTURE I spent the last days of 2018 listening to an amazing podcast: Stephen Fry’s Great Leap Years brilliantly tells the story of the evolution of information technology throughout human history – from Johannes Gutenberg inventing the printing press to Alexander Graham Bell and his Bell Labs changing the course of history to Google’s AI DeepMind winning against the world champion in theMATTHIAS OTT
Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. THE THING WITH LEADING IN CSS · MATTHIAS OTT In later years, more and more desktop publishing tools allowed people to set leading not in addition to the base font size but as an absolute value and the term leading became synonymous with the distance from one baseline to the next. Many tools also started calling it line-height.One thing remained, however: The extra space to increase the line height was still added below the lines. LATERAL THINKING WITH WITHERED TECHNOLOGY · MATTHIAS OTT Jeremy Keith Lateral Thinking With Withered Technology · Matthias Ott – User Experience Designer July 30th, 2020 What web development can learn from the Nintendo Game and Watch. The Web now consists of an ever-growing number of different frameworks, methodologies, screen sizes, devices, browsers, and connection speeds. HOW I STRUCTURE MY CSS (FOR NOW) · MATTHIAS OTT People all like to use their own flavor of CSS, which is great. If you use a methodology or folder structure that you would like to share, write a post about it and I’ll happily link to it here. It would be interesting to see how you structure your CSS. For future reference, here’s the whole folder structure again: /scss/ ├── 1 LESS BUT BETTER · MATTHIAS OTT Less complexity but better systems. Less bloat but better code. Less tracking but better content. Less writing but a clearer message. Design is the result of a series of decisions. But when you are working in a modern, flexible, and iterative way, there often are no upfront plans or requirements you can base your decisions on. GALL’S LAW · MATTHIAS OTT Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. PAINTING WITH THE WEB · MATTHIAS OTT Painting With the Web. Have you ever seen Gerhard Richter painting? It is phenomenal to watch. He might start one of his large, abstract paintings by carefully applying oil paint to the canvas with a thick brush. Then, he begins to scrape, smear, or add new layers of paint with a large, home-made squeegee. After each change, Richter pauses MY VISUAL STUDIO CODE SETUP: EXTENSIONS AND THEMESSEE MORE ONMATTHIASOTT.COM
ASPECT RATIO IN CSS: HACKS AND A NEW PROPERTY · MATTHIAS This is exactly what the CSS Working Group proposed last year: a new CSS property named aspect-ratio. The property, which still has to be implemented by browser vendors, will let you define a simple ratio like 16 / 9. If you want to play around with aspect-ratio, you can do so in Chrome Canary with the Experimental Web Platform Features flag BICEPS: SIX CORE NEEDS FOR HUMANS AT WORK · MATTHIAS OTTSEE MORE ONMATTHIASOTT.COM
MATTHIAS OTT
Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. THE THING WITH LEADING IN CSS · MATTHIAS OTT In later years, more and more desktop publishing tools allowed people to set leading not in addition to the base font size but as an absolute value and the term leading became synonymous with the distance from one baseline to the next. Many tools also started calling it line-height.One thing remained, however: The extra space to increase the line height was still added below the lines. LATERAL THINKING WITH WITHERED TECHNOLOGY · MATTHIAS OTT Jeremy Keith Lateral Thinking With Withered Technology · Matthias Ott – User Experience Designer July 30th, 2020 What web development can learn from the Nintendo Game and Watch. The Web now consists of an ever-growing number of different frameworks, methodologies, screen sizes, devices, browsers, and connection speeds. HOW I STRUCTURE MY CSS (FOR NOW) · MATTHIAS OTT People all like to use their own flavor of CSS, which is great. If you use a methodology or folder structure that you would like to share, write a post about it and I’ll happily link to it here. It would be interesting to see how you structure your CSS. For future reference, here’s the whole folder structure again: /scss/ ├── 1 LESS BUT BETTER · MATTHIAS OTT Less complexity but better systems. Less bloat but better code. Less tracking but better content. Less writing but a clearer message. Design is the result of a series of decisions. But when you are working in a modern, flexible, and iterative way, there often are no upfront plans or requirements you can base your decisions on. GALL’S LAW · MATTHIAS OTT Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. PAINTING WITH THE WEB · MATTHIAS OTT Painting With the Web. Have you ever seen Gerhard Richter painting? It is phenomenal to watch. He might start one of his large, abstract paintings by carefully applying oil paint to the canvas with a thick brush. Then, he begins to scrape, smear, or add new layers of paint with a large, home-made squeegee. After each change, Richter pauses MY VISUAL STUDIO CODE SETUP: EXTENSIONS AND THEMESSEE MORE ONMATTHIASOTT.COM
ASPECT RATIO IN CSS: HACKS AND A NEW PROPERTY · MATTHIAS This is exactly what the CSS Working Group proposed last year: a new CSS property named aspect-ratio. The property, which still has to be implemented by browser vendors, will let you define a simple ratio like 16 / 9. If you want to play around with aspect-ratio, you can do so in Chrome Canary with the Experimental Web Platform Features flag BICEPS: SIX CORE NEEDS FOR HUMANS AT WORK · MATTHIAS OTTSEE MORE ONMATTHIASOTT.COM
ABOUT ME · MATTHIAS OTT About Me. Hi, I’m Matthias. I’m an independent user experience designer, user interface engineer, and speaker from Stuttgart, Germany.I teach Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel and curate the monthly newsletter Prototyping.news.. I will help you and your team with my expertise and over 10 years of industry experience create delightful, accessible THE BEAUTIFUL · MATTHIAS OTT Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. WELCOME TO THE 21ST CENTURY · MATTHIAS OTT Welcome to the 21st Century. My late grandmother was born in 1913. When she was my age, she had already lived through the Great Depression, the Spanish flu pandemic, hyperinflation, the fall of the Weimar Republic, two world wars, and, with the Nazi regime and the Holocaust, the darkest chapter in German history. PAINTING WITH THE WEB · MATTHIAS OTT Painting With the Web. Have you ever seen Gerhard Richter painting? It is phenomenal to watch. He might start one of his large, abstract paintings by carefully applying oil paint to the canvas with a thick brush. Then, he begins to scrape, smear, or add new layers of paint with a large, home-made squeegee. After each change, Richter pauses :FOCUS-VISIBLE IS HERE · MATTHIAS OTT A Polyfill for Older Browsers. If you need to support a wider range of browsers, including Safari, there is also a polyfill.It simply adds a focus-visible class to all focused elements in situations in which otherwise the :focus-visible pseudo-selector would match.. Once the script is added to your page, the code looks much like in the examplesabove.
BICEPS: SIX CORE NEEDS FOR HUMANS AT WORK · MATTHIAS OTT Core needs that we all value and try to meet at different levels, but which are all essential to make us feel valued and satisfied. There are a few different models that try to describe those needs, one of which is Paloma Medina’s BICEPS framework. Lara Hogan talked about this list of core needs in the latest episode of Matt Mullenweg’s SMOOTH OPERATIONS · MATTHIAS OTT Yes, sixty-six. This basic concept of network theory – that the number of connections between nodes in a network increases exponentially – is the basis for Metcalfe’s Law, which states that the impact and usefulness of a network increase significantly the more users it has. Metcalfe’s Law is often illustrated with the exampleof a fax
THE IMPORTANCE OF BEING INAUTHENTIC · MATTHIAS OTT The Importance of Being Inauthentic. “Just be authentic!”. I’m sure you’ve heard that advice before. Maybe you also know some people, who proudly proclaim that they always like to be authentic and always openly tell people what they are thinking. There is only one problem with being authentic: It can be highly disrespectful, overly THOUGHTS ON WRITING: SHITTY FIRST DRAFTS · MATTHIAS OTT In fact, such a shitty first draft is often the reason they are able to put down any words in the first place. A shitty first draft allows the writer to jot down a stream of thought without being interrupted by long periods of refinement and without thinking about what potential readers, colleagues, or critics might think of the text. OUR NEW DESIGN OVERLORDS AND A REMARKABLE FUTURE I spent the last days of 2018 listening to an amazing podcast: Stephen Fry’s Great Leap Years brilliantly tells the story of the evolution of information technology throughout human history – from Johannes Gutenberg inventing the printing press to Alexander Graham Bell and his Bell Labs changing the course of history to Google’s AI DeepMind winning against the world champion in theMATTHIAS OTT
Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. THE THING WITH LEADING IN CSS · MATTHIAS OTT In later years, more and more desktop publishing tools allowed people to set leading not in addition to the base font size but as an absolute value and the term leading became synonymous with the distance from one baseline to the next. Many tools also started calling it line-height.One thing remained, however: The extra space to increase the line height was still added below the lines. LATERAL THINKING WITH WITHERED TECHNOLOGY · MATTHIAS OTT Jeremy Keith Lateral Thinking With Withered Technology · Matthias Ott – User Experience Designer July 30th, 2020 What web development can learn from the Nintendo Game and Watch. The Web now consists of an ever-growing number of different frameworks, methodologies, screen sizes, devices, browsers, and connection speeds. HOW I STRUCTURE MY CSS (FOR NOW) · MATTHIAS OTT People all like to use their own flavor of CSS, which is great. If you use a methodology or folder structure that you would like to share, write a post about it and I’ll happily link to it here. It would be interesting to see how you structure your CSS. For future reference, here’s the whole folder structure again: /scss/ ├── 1 LESS BUT BETTER · MATTHIAS OTT Less complexity but better systems. Less bloat but better code. Less tracking but better content. Less writing but a clearer message. Design is the result of a series of decisions. But when you are working in a modern, flexible, and iterative way, there often are no upfront plans or requirements you can base your decisions on. GALL’S LAW · MATTHIAS OTT Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. PAINTING WITH THE WEB · MATTHIAS OTT Painting With the Web. Have you ever seen Gerhard Richter painting? It is phenomenal to watch. He might start one of his large, abstract paintings by carefully applying oil paint to the canvas with a thick brush. Then, he begins to scrape, smear, or add new layers of paint with a large, home-made squeegee. After each change, Richter pauses MY VISUAL STUDIO CODE SETUP: EXTENSIONS AND THEMESSEE MORE ONMATTHIASOTT.COM
ASPECT RATIO IN CSS: HACKS AND A NEW PROPERTY · MATTHIAS This is exactly what the CSS Working Group proposed last year: a new CSS property named aspect-ratio. The property, which still has to be implemented by browser vendors, will let you define a simple ratio like 16 / 9. If you want to play around with aspect-ratio, you can do so in Chrome Canary with the Experimental Web Platform Features flag BICEPS: SIX CORE NEEDS FOR HUMANS AT WORK · MATTHIAS OTTSEE MORE ONMATTHIASOTT.COM
MATTHIAS OTT
Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. THE THING WITH LEADING IN CSS · MATTHIAS OTT In later years, more and more desktop publishing tools allowed people to set leading not in addition to the base font size but as an absolute value and the term leading became synonymous with the distance from one baseline to the next. Many tools also started calling it line-height.One thing remained, however: The extra space to increase the line height was still added below the lines. LATERAL THINKING WITH WITHERED TECHNOLOGY · MATTHIAS OTT Jeremy Keith Lateral Thinking With Withered Technology · Matthias Ott – User Experience Designer July 30th, 2020 What web development can learn from the Nintendo Game and Watch. The Web now consists of an ever-growing number of different frameworks, methodologies, screen sizes, devices, browsers, and connection speeds. HOW I STRUCTURE MY CSS (FOR NOW) · MATTHIAS OTT People all like to use their own flavor of CSS, which is great. If you use a methodology or folder structure that you would like to share, write a post about it and I’ll happily link to it here. It would be interesting to see how you structure your CSS. For future reference, here’s the whole folder structure again: /scss/ ├── 1 LESS BUT BETTER · MATTHIAS OTT Less complexity but better systems. Less bloat but better code. Less tracking but better content. Less writing but a clearer message. Design is the result of a series of decisions. But when you are working in a modern, flexible, and iterative way, there often are no upfront plans or requirements you can base your decisions on. GALL’S LAW · MATTHIAS OTT Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. PAINTING WITH THE WEB · MATTHIAS OTT Painting With the Web. Have you ever seen Gerhard Richter painting? It is phenomenal to watch. He might start one of his large, abstract paintings by carefully applying oil paint to the canvas with a thick brush. Then, he begins to scrape, smear, or add new layers of paint with a large, home-made squeegee. After each change, Richter pauses MY VISUAL STUDIO CODE SETUP: EXTENSIONS AND THEMESSEE MORE ONMATTHIASOTT.COM
ASPECT RATIO IN CSS: HACKS AND A NEW PROPERTY · MATTHIAS This is exactly what the CSS Working Group proposed last year: a new CSS property named aspect-ratio. The property, which still has to be implemented by browser vendors, will let you define a simple ratio like 16 / 9. If you want to play around with aspect-ratio, you can do so in Chrome Canary with the Experimental Web Platform Features flag BICEPS: SIX CORE NEEDS FOR HUMANS AT WORK · MATTHIAS OTTSEE MORE ONMATTHIASOTT.COM
ABOUT ME · MATTHIAS OTT About Me. Hi, I’m Matthias. I’m an independent user experience designer, user interface engineer, and speaker from Stuttgart, Germany.I teach Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel and curate the monthly newsletter Prototyping.news.. I will help you and your team with my expertise and over 10 years of industry experience create delightful, accessible THE BEAUTIFUL · MATTHIAS OTT Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. WELCOME TO THE 21ST CENTURY · MATTHIAS OTT Welcome to the 21st Century. My late grandmother was born in 1913. When she was my age, she had already lived through the Great Depression, the Spanish flu pandemic, hyperinflation, the fall of the Weimar Republic, two world wars, and, with the Nazi regime and the Holocaust, the darkest chapter in German history. PAINTING WITH THE WEB · MATTHIAS OTT Painting With the Web. Have you ever seen Gerhard Richter painting? It is phenomenal to watch. He might start one of his large, abstract paintings by carefully applying oil paint to the canvas with a thick brush. Then, he begins to scrape, smear, or add new layers of paint with a large, home-made squeegee. After each change, Richter pauses :FOCUS-VISIBLE IS HERE · MATTHIAS OTT A Polyfill for Older Browsers. If you need to support a wider range of browsers, including Safari, there is also a polyfill.It simply adds a focus-visible class to all focused elements in situations in which otherwise the :focus-visible pseudo-selector would match.. Once the script is added to your page, the code looks much like in the examplesabove.
BICEPS: SIX CORE NEEDS FOR HUMANS AT WORK · MATTHIAS OTT Core needs that we all value and try to meet at different levels, but which are all essential to make us feel valued and satisfied. There are a few different models that try to describe those needs, one of which is Paloma Medina’s BICEPS framework. Lara Hogan talked about this list of core needs in the latest episode of Matt Mullenweg’s SMOOTH OPERATIONS · MATTHIAS OTT Yes, sixty-six. This basic concept of network theory – that the number of connections between nodes in a network increases exponentially – is the basis for Metcalfe’s Law, which states that the impact and usefulness of a network increase significantly the more users it has. Metcalfe’s Law is often illustrated with the exampleof a fax
THE IMPORTANCE OF BEING INAUTHENTIC · MATTHIAS OTT The Importance of Being Inauthentic. “Just be authentic!”. I’m sure you’ve heard that advice before. Maybe you also know some people, who proudly proclaim that they always like to be authentic and always openly tell people what they are thinking. There is only one problem with being authentic: It can be highly disrespectful, overly THOUGHTS ON WRITING: SHITTY FIRST DRAFTS · MATTHIAS OTT In fact, such a shitty first draft is often the reason they are able to put down any words in the first place. A shitty first draft allows the writer to jot down a stream of thought without being interrupted by long periods of refinement and without thinking about what potential readers, colleagues, or critics might think of the text. OUR NEW DESIGN OVERLORDS AND A REMARKABLE FUTURE I spent the last days of 2018 listening to an amazing podcast: Stephen Fry’s Great Leap Years brilliantly tells the story of the evolution of information technology throughout human history – from Johannes Gutenberg inventing the printing press to Alexander Graham Bell and his Bell Labs changing the course of history to Google’s AI DeepMind winning against the world champion in theMATTHIAS OTT
Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. NOTES · MATTHIAS OTT The Right Way to Use fonts.com Web Fonts. 31 May 2020. Change and theStatus Quo
THE BEAUTIFUL · MATTHIAS OTT Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. THE THING WITH LEADING IN CSS · MATTHIAS OTT In later years, more and more desktop publishing tools allowed people to set leading not in addition to the base font size but as an absolute value and the term leading became synonymous with the distance from one baseline to the next. Many tools also started calling it line-height.One thing remained, however: The extra space to increase the line height was still added below the lines. GALL’S LAW · MATTHIAS OTT Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. HOW I STRUCTURE MY CSS (FOR NOW) · MATTHIAS OTT People all like to use their own flavor of CSS, which is great. If you use a methodology or folder structure that you would like to share, write a post about it and I’ll happily link to it here. It would be interesting to see how you structure your CSS. For future reference, here’s the whole folder structure again: /scss/ ├── 1 BICEPS: SIX CORE NEEDS FOR HUMANS AT WORK · MATTHIAS OTTSEE MORE ONMATTHIASOTT.COM
THE IMPORTANCE OF BEING INAUTHENTIC · MATTHIAS OTT The Importance of Being Inauthentic. “Just be authentic!”. I’m sure you’ve heard that advice before. Maybe you also know some people, who proudly proclaim that they always like to be authentic and always openly tell people what they are thinking. There is only one problem with being authentic: It can be highly disrespectful, overly THOUGHTS ON WRITING: SHITTY FIRST DRAFTS · MATTHIAS OTT In fact, such a shitty first draft is often the reason they are able to put down any words in the first place. A shitty first draft allows the writer to jot down a stream of thought without being interrupted by long periods of refinement and without thinking about what potential readers, colleagues, or critics might think of the text. ASPECT RATIO IN CSS: HACKS AND A NEW PROPERTY · MATTHIAS This is exactly what the CSS Working Group proposed last year: a new CSS property named aspect-ratio. The property, which still has to be implemented by browser vendors, will let you define a simple ratio like 16 / 9. If you want to play around with aspect-ratio, you can do so in Chrome Canary with the Experimental Web Platform Features flagMATTHIAS OTT
Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. NOTES · MATTHIAS OTT The Right Way to Use fonts.com Web Fonts. 31 May 2020. Change and theStatus Quo
THE BEAUTIFUL · MATTHIAS OTT Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. THE THING WITH LEADING IN CSS · MATTHIAS OTT In later years, more and more desktop publishing tools allowed people to set leading not in addition to the base font size but as an absolute value and the term leading became synonymous with the distance from one baseline to the next. Many tools also started calling it line-height.One thing remained, however: The extra space to increase the line height was still added below the lines. GALL’S LAW · MATTHIAS OTT Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. HOW I STRUCTURE MY CSS (FOR NOW) · MATTHIAS OTT People all like to use their own flavor of CSS, which is great. If you use a methodology or folder structure that you would like to share, write a post about it and I’ll happily link to it here. It would be interesting to see how you structure your CSS. For future reference, here’s the whole folder structure again: /scss/ ├── 1 BICEPS: SIX CORE NEEDS FOR HUMANS AT WORK · MATTHIAS OTTSEE MORE ONMATTHIASOTT.COM
THE IMPORTANCE OF BEING INAUTHENTIC · MATTHIAS OTT The Importance of Being Inauthentic. “Just be authentic!”. I’m sure you’ve heard that advice before. Maybe you also know some people, who proudly proclaim that they always like to be authentic and always openly tell people what they are thinking. There is only one problem with being authentic: It can be highly disrespectful, overly THOUGHTS ON WRITING: SHITTY FIRST DRAFTS · MATTHIAS OTT In fact, such a shitty first draft is often the reason they are able to put down any words in the first place. A shitty first draft allows the writer to jot down a stream of thought without being interrupted by long periods of refinement and without thinking about what potential readers, colleagues, or critics might think of the text. ASPECT RATIO IN CSS: HACKS AND A NEW PROPERTY · MATTHIAS This is exactly what the CSS Working Group proposed last year: a new CSS property named aspect-ratio. The property, which still has to be implemented by browser vendors, will let you define a simple ratio like 16 / 9. If you want to play around with aspect-ratio, you can do so in Chrome Canary with the Experimental Web Platform Features flag WHAT I’M DOING NOW · MATTHIAS OTT Workshops / Talks. Last week, I lead another design and prototyping workshop for Adobe with Adobe XD in Dresden, Germany. It was the first stop of a workshop tour across Germany and later Europe, which is a really nice addition to the workshops at conferences. I’m really enjoying those hands-on workshops and so I am currently preparing two NOTES · MATTHIAS OTT The Right Way to Use fonts.com Web Fonts. 31 May 2020. Change and theStatus Quo
ARTICLES · MATTHIAS OTT Our static tools and linear workflows aren’t the right fit for the flexible, diverse reality of today’s Web. Making prototyping a central element of your workflows will radically change how you approach problem solving and save you a lot of headaches. HALFTIME · MATTHIAS OTT Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. RELEASE · MATTHIAS OTT Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. LESS BUT BETTER · MATTHIAS OTT Less complexity but better systems. Less bloat but better code. Less tracking but better content. Less writing but a clearer message. Design is the result of a series of decisions. But when you are working in a modern, flexible, and iterative way, there often are no upfront plans or requirements you can base your decisions on. :FOCUS-VISIBLE IS HERE · MATTHIAS OTT A Polyfill for Older Browsers. If you need to support a wider range of browsers, including Safari, there is also a polyfill.It simply adds a focus-visible class to all focused elements in situations in which otherwise the :focus-visible pseudo-selector would match.. Once the script is added to your page, the code looks much like in the examplesabove.
RANGE · MATTHIAS OTT Range is a powerful reminder that there is a place for the generalists, the curios polymaths, among us. That it is okay, also for your children, to go broad and try different paths until you find what really fits you – and who you really are. That when you face a “wicked” problem, diverse experience beyond the boundaries of aspecific
MY VISUAL STUDIO CODE SETUP: EXTENSIONS AND THEMES Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. THOUGHTS ON WRITING: WHAT THEY SAY · MATTHIAS OTT Thoughts on Writing: What They Say. You might have heard of this quote from Marty Neumeier, author of The Brand Gap: A brand is not what you say it is. It’s what they say it is. What he means by that is that no matter how much you want your product or company to be perceived in a certain way by the public, what really defines your brand isMATTHIAS OTT
Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. ARTICLES · MATTHIAS OTT Our static tools and linear workflows aren’t the right fit for the flexible, diverse reality of today’s Web. Making prototyping a central element of your workflows will radically change how you approach problem solving and save you a lot of headaches. THE THING WITH LEADING IN CSS · MATTHIAS OTT In later years, more and more desktop publishing tools allowed people to set leading not in addition to the base font size but as an absolute value and the term leading became synonymous with the distance from one baseline to the next. Many tools also started calling it line-height.One thing remained, however: The extra space to increase the line height was still added below the lines. THE BEAUTIFUL · MATTHIAS OTT Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. GALL’S LAW · MATTHIAS OTT Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. BICEPS: SIX CORE NEEDS FOR HUMANS AT WORK · MATTHIAS OTTSEE MORE ONMATTHIASOTT.COM
HOW I STRUCTURE MY CSS (FOR NOW) · MATTHIAS OTT 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 strategies on how to split CSS into smaller, more manageable pieces, while others focus more on naming THOUGHTS ON WRITING: SHITTY FIRST DRAFTS · MATTHIAS OTT Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. MY VISUAL STUDIO CODE SETUP: EXTENSIONS AND THEMESSEE MORE ONMATTHIASOTT.COM
ASPECT RATIO IN CSS: HACKS AND A NEW PROPERTY · MATTHIAS 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 building responsive layouts possible inMATTHIAS OTT
Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. ARTICLES · MATTHIAS OTT Our static tools and linear workflows aren’t the right fit for the flexible, diverse reality of today’s Web. Making prototyping a central element of your workflows will radically change how you approach problem solving and save you a lot of headaches. THE BEAUTIFUL · MATTHIAS OTT Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. THE THING WITH LEADING IN CSS · MATTHIAS OTT In later years, more and more desktop publishing tools allowed people to set leading not in addition to the base font size but as an absolute value and the term leading became synonymous with the distance from one baseline to the next. Many tools also started calling it line-height.One thing remained, however: The extra space to increase the line height was still added below the lines. GALL’S LAW · MATTHIAS OTT Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. HOW I STRUCTURE MY CSS (FOR NOW) · MATTHIAS OTT People all like to use their own flavor of CSS, which is great. If you use a methodology or folder structure that you would like to share, write a post about it and I’ll happily link to it here. It would be interesting to see how you structure your CSS. For future reference, here’s the whole folder structure again: /scss/ ├── 1 MY VISUAL STUDIO CODE SETUP: EXTENSIONS AND THEMESSEE MORE ONMATTHIASOTT.COM
BICEPS: SIX CORE NEEDS FOR HUMANS AT WORK · MATTHIAS OTTSEE MORE ONMATTHIASOTT.COM
ASPECT RATIO IN CSS: HACKS AND A NEW PROPERTY · MATTHIAS This is exactly what the CSS Working Group proposed last year: a new CSS property named aspect-ratio. The property, which still has to be implemented by browser vendors, will let you define a simple ratio like 16 / 9. If you want to play around with aspect-ratio, you can do so in Chrome Canary with the Experimental Web Platform Features flag THOUGHTS ON WRITING: SHITTY FIRST DRAFTS · MATTHIAS OTT In fact, such a shitty first draft is often the reason they are able to put down any words in the first place. A shitty first draft allows the writer to jot down a stream of thought without being interrupted by long periods of refinement and without thinking about what potential readers, colleagues, or critics might think of the text. ARTICLES · MATTHIAS OTT Our static tools and linear workflows aren’t the right fit for the flexible, diverse reality of today’s Web. Making prototyping a central element of your workflows will radically change how you approach problem solving and save you a lot of headaches. WORK · MATTHIAS OTT Humboldt Life Network Alexander von Humboldt Foundation. Website & Shop La Biosthétique Paris. Articles; Notes; Links; Work; About;Search this site
NOTES · MATTHIAS OTT The Right Way to Use fonts.com Web Fonts. 31 May 2020. Change and theStatus Quo
PLAY AT WORK · MATTHIAS OTT Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel. GOING INDIE. STEP 2: RECLAIMING CONTENT · MATTHIAS OTT Going Indie. Step 2: Reclaiming Content. We have lost control over our content. To change this, we need to reconsider the way we create and consume content online. We need to create a new set of tools that enable an independent, open web for everyone. This is the second article of a two-part series on digital citizenship. Part one was allabout
PAINTING WITH THE WEB · MATTHIAS OTT Painting With the Web. Have you ever seen Gerhard Richter painting? It is phenomenal to watch. He might start one of his large, abstract paintings by carefully applying oil paint to the canvas with a thick brush. Then, he begins to scrape, smear, or add new layers of paint with a large, home-made squeegee. After each change, Richter pauses :FOCUS-VISIBLE IS HERE · MATTHIAS OTT A Polyfill for Older Browsers. If you need to support a wider range of browsers, including Safari, there is also a polyfill.It simply adds a focus-visible class to all focused elements in situations in which otherwise the :focus-visible pseudo-selector would match.. Once the script is added to your page, the code looks much like in the examplesabove.
THOUGHTS ON WRITING: WHAT THEY SAY · MATTHIAS OTT Thoughts on Writing: What They Say. You might have heard of this quote from Marty Neumeier, author of The Brand Gap: A brand is not what you say it is. It’s what they say it is. What he means by that is that no matter how much you want your product or company to be perceived in a certain way by the public, what really defines your brand is THE RIGHT WAY TO USE FONTS.COM WEB FONTS · MATTHIAS OTT The first one is that by only using a separate font-family for each font-weight, you are creating faux-bold text. In the example above, the browser will artificially add an extra bit of “boldness” to all text that is marked up with strong. That’s clearly not what we want, so I have seen people simply adding a font-weight rule to their THE IMPORTANCE OF BEING INAUTHENTIC · MATTHIAS OTT The Importance of Being Inauthentic. “Just be authentic!”. I’m sure you’ve heard that advice before. Maybe you also know some people, who proudly proclaim that they always like to be authentic and always openly tell people what they are thinking. There is only one problem with being authentic: It can be highly disrespectful, overly Skip to main content* MATTHIAS OTT
User Experience Designer* Articles
* Notes
* Links
* Work
* About
HI, I’M MATTHIAS OTT, independent user experience designer and user interface engineer from Stuttgart, Germany. I TEACH INTERFACE PROTOTYPING at the Muthesius University of Fine Arts and Design and am @M_OTT on Twitter. I am also a proud member of the INDIEWEB community and curate the monthly newsletter PROTOTYPING.NEWS .SELECTED ARTICLES
INTO THE PERSONAL-WEBSITE-VERSE12 May 2019
* #blogging
* #indieweb
* #letsfixit
* #personal
* #web
* #websites
More and more people are rediscovering their personal websites as an alternative to social media that provides more control and freedom of expression. It's time to connect our sites even further and create a decentralized fabric of interconnected personal sites that enables each individual to engage in an open discussion – answering, challenging, and acknowledging the ideas of others through a universeof personal sites.
Continue reading
SAVING YOUR WEB WORKFLOWS WITH PROTOTYPING11 January 2018
* #design
* #development
* #process
* #prototyping
* #web
Our static tools and linear workflows aren’t the right fit for the flexible, diverse reality of today’s Web. Making prototyping a central element of your workflows will radically change how you approach problem solving and save you a lot of headaches. But most importantly, you will be creating the right products and features in a way that resonates with the true nature of the Web. A discourse on processes, flexibility, the Web as a material, and how we buildthings.
Continue reading
CONNECT WITH ME
* Email _ mail@matthiasott.com _ MAIL@MATTHIASOTT.COM * Twitter _ @m_ott on Twitter _ @M_OTT * GitHub _ @matthiasott on GitHub _ @MATTHIASOTT * Keybase _ @matthiasott on Keybase _ @MATTHIASOTT * RSS _ Subscribe via RSS/Atom _ SUBSCRIBE* Articles
* Notes
* Links
* Work
* About
SEARCH THIS SITE
SUBSCRIBE
You can subscribe to the RSS feeds for all posts or to individual feeds for articles, notes
, and links
.
Design and code © 2007–2021 Matthias Ott • Made with HTML, CSS, enhanced with JavaScript, powered by Craft CMS . . This page loaded in 1.848 SECONDS. Webmention endpoint Privacy Policy Site Notice /Impressum
Details
Copyright © 2024 ArchiveBay.com. All rights reserved. Terms of Use | Privacy Policy | DMCA | 2021 | Feedback | Advertising | RSS 2.0