Microsoft Technology Licensing, LLC

Ryan J Salva

Erik Andrew Saltwell

Heather T Brown

Christian Bernd Schormann

Matthew Brigham Hall

Kurt B Jacob

Timothy A Barham

Alexander Sher

Michelle I Rosenthal

Sayuri Wijaya Gould

Georgios Kounenis

An animation can be selected. Pieces of the documents that pertain to the selected animation can be extracted from the document closure for the web page in which the animation appears. A composite data structure can be created therefrom. The winning set of @keyframes rules referenced by the animation-name property of a style rule (the virtual winning rule) can be computed and represented in a data structure. The winning animation properties can establish the timing properties to preview and edit the animation in a user interface without running the whole application. The data structure represented in the visual preview can be edited by applying user gestures to the animation displayed in a preview user interface (UI). The user changes can be mapped to changes to property values in the data structure and the underlying documents.

Animation editing

The automated derivation of style rules based on authored style rules. Style rules are used to apply styles to certain elements of a markup language document. Authored style rules are style rules that are created by a designer. However, the derived style rules are automatically created by evaluating an authored style rule set. Then authored style rules are displayed with derived style rules. The user interface in which the combined style rules appear may also provide interactivity such that at least one of the properties of a derived style rule is bound to a property of an authored style rule from which the property of the derived style rule was derived. In some embodiments, the derived style rules may be style rules that are helpful to the design of a document, but are not interpreted after the document is deployed.

Automatically generated style rules for page design

A screen design user interface that may operate in an interactive mode and a design mode. The user interface includes a screen presentation portion for presenting an application screen under design, and a mode control for selecting between the interactive mode and the design mode. When the user interface is in interactive mode, the user interface actually allows interaction with one or more application element of a screen displayed in the screen presentation portion such that interaction with the corresponding application element causes execution of a corresponding function and thus a corresponding change in state of the screen. When the user interface is in design mode, the user interface supports design of the application screen by recognizing design gestures, but disables the application elements.

Application screen design allowing interaction

Growing community of inventors

Seattle, WA, United States of America

Ryan J Salva