UWP Technical guide

UWP Technical guide

Rating
4.7
Reviews
3
Organized in sections to make easier what you want to view in detail.
Really complete information about each Color included in the different classes of Windows.
Includes a Color Picker to generate dynamic palettes for your Apps.
In the Motion section it is explained with examples the transitions and its recommended use per each.
The examples are interactive to make visually easy to understand the differences among them.
Find the icons you need from both Segoe MDL2 Assets and Segoe UI Emoji at once, or look all the icons of them.
Includes the details and the XAML of each 'based on' TextBlock and a preview to adapt to your apps.
View all the styles defined and based on organized of alphabetically to make easier copy or analyze.
It also supports Light theme and adapts the XAML and C# code.

App details

Release date

2016-09-13

Last update

2019-02-01

Product ID

9NBLGGH5241D

Categories

Developer tools

About UWP Technical guide

Go in depth in the aspects of Colors, Motion, Typography and find Icons and styles organized for Universal apps. Including interactive examples and tricks to copy in your apps.

Access and interact with information about accent brushes, UI Settings, Colors class and swatches dynamically generated with a color picker with contrast ratios information, HSV, palettes and more useful information.
Learn about transitions optimized and easy to add and configure in different situations.
Review the styles defined for TextBlock that provide levels of information in your views. In the sandbox you can adapt text block depending on requirements.
Find the MDL2 icons included since the Anniversary Update and also the included in the last Unicode 9.0 specification.
Analyze all the default and ‘based on’ styles for the main XAML controls to customize them, like adapting Theme Resources.

Key features

  • Find colors with complete information to use in your designs.
  • Preview text changing the properties in the Typography section.
  • Look and search the Icons you need for your designs.
  • Preview all transitions to make your apps elegant.
  • Get the XAML of all defined styles to copy or replace the parts you need.