About Kai_Richter

Kai_Richter

Designing with Code – Why Should I?In my article series Designing with Code, I shared my experience of spending six months working within a product design team. By stepping out of my comfort zone—my beloved design tool—and diving into creating first ...

Kai_Richter

This is the fifth part of the article series Designing with Code , which has the goal to make a case for designers to get more deeply involved with prototyping their designs with the actual UI technologies at hand. Getting some hands-on experience i...

Kai_Richter

Creating prototypes in code allows designers to gain a deeper understanding of the way user interfaces are constructed. This can help us become more sensitive towards concerns from engineers, but it can also strengthen the designer's position in dis...

Kai_Richter

Our daily work is busy and usually there is a long list of tasks lining up: there are designs to be completed, discussions to be held, and reviews to be conducted, and so on... ...there is no time to take a step back and think. Even if we know tha...

Kai_Richter

Modern design tools like Figma offer component libraries and styles that support the design process across large teams and organizations. Ideally, the design artifacts are kept consistent with the corresponding development artifacts to facilitate th...

Kai_Richter

Hi Andrew, if you want to get started with web components, one way could be to continue following this series  Unfortunately, I am not aware of good general tutorials on web components. But once you decided on a library like the UI5 web components...

Kai_Richter

Hi Andrew, thank you  We will cover the SAPUI5 framework in the next step and then come to ui5-web-components-ngx. If you ask me, which of the frameworks are best place to start as beginner, I think, the answer depends on your background and ambi...

Kai_Richter

Thank you very much for the kind feedback. I am glad that you find the series helpful. The next part is in preparation already. Stay tuned 

Kai_Richter

Hi, there are two (actually three) different areas in the dynamic page title, which is the fix area on top of the screen. The left-aligned title or header string and the center-aligned content area (where you can place any control, such as the token...

Kai_Richter

Hi, you can programmatically control whether you want the header to be collapsible or not. Alternatively, the user can decide based on his usage, whether he wants the collapsing on scroll or not. By the way, what you are describing sounds a bit lik...

User Statistics

User Activity

Designing with Code - Update to Version 2 of UI5 Web Components

Designing with Code (Part 5) - Team Player

Designing with Code (Part 4) - Data, Document Object Model, and Events

Designing with Code (Part 3) – SAP Web Components

Designing with Code (Part 2) - Crossing the Bridge

Re: Designing with Code

Re: Designing with Code

Re: The Best User Experience Is Consistent – Part 1: About Consistency

Re: SAP Fiori 2.0: The Dynamic Page

Re: SAP Fiori 2.0: The Dynamic Page