Exporting responsive designs from a graphical design tool
First Claim
1. A system comprising:
- a memory storing instructions; and
a processing system comprising at least one processor and configured to execute the instructions, wherein the instructions, when executed by the processing system, cause the processing system to provide an interactive design, the design comprising;
an instantiation of said design for rendering in a rendering space, said instantiation using an encoding, said encoding including markup language code and a script;
a widget forming a portion of said design and being encoded in said encoding; and
a set of predefined states associated with the widget, each of the set of predefined states corresponding to a respective display dimension and being defined at least in part by properties of the widget as rendered at the corresponding display dimension, wherein said set of predefined states defines a set of at least two different absolute positions for said widget within said design;
wherein the processing system generates said encoding from a specification of said design; and
wherein an object model event is utilized to (i) sense a change in a rendering space dimension and (ii) change said widget to a selected one of the set of predefined states in response to said change.
2 Assignments
0 Petitions
Accused Products
Abstract
Embodiments of the present invention provide tools and methods for the development and specification of a responsive graphical design. A graphical design environment allows a user to specify a design. The graphical design environment has a window for displaying a rendering of the design. A dimension specification interface allows the user to specify a dimension specification. A widget interface allows a user to add a widget to the design and specify a first state and a second state for the widget. An export interface allows a user to export the design from the tool to produce an exported design. The exported design utilizes an object model event to adjust a state of the widget from a first state to a second state.
74 Citations
20 Claims
-
1. A system comprising:
-
a memory storing instructions; and a processing system comprising at least one processor and configured to execute the instructions, wherein the instructions, when executed by the processing system, cause the processing system to provide an interactive design, the design comprising; an instantiation of said design for rendering in a rendering space, said instantiation using an encoding, said encoding including markup language code and a script; a widget forming a portion of said design and being encoded in said encoding; and a set of predefined states associated with the widget, each of the set of predefined states corresponding to a respective display dimension and being defined at least in part by properties of the widget as rendered at the corresponding display dimension, wherein said set of predefined states defines a set of at least two different absolute positions for said widget within said design; wherein the processing system generates said encoding from a specification of said design; and wherein an object model event is utilized to (i) sense a change in a rendering space dimension and (ii) change said widget to a selected one of the set of predefined states in response to said change. - View Dependent Claims (2, 3, 4, 5, 6, 7, 8)
-
-
9. A method comprising:
-
rendering a graphical design to allow for a display of said graphical design in a window having an adjustable dimension, said graphical design including a widget and being encoded in an encoding; rendering said widget in said graphical design in a first one of a set of predefined states, wherein each of the set of predefined states corresponds to a respective display dimension and is defined at least in part by properties of the widget as rendered at the corresponding display dimension, and wherein said set of predefined states defines a set of at least two different absolute positions for said widget within said graphical design; detecting an adjustment to said adjustable dimension from a first dimension to a second dimension using an object model event; executing, upon detecting said adjustment, an event handler function, using a processor; and rendering said widget in said graphical design in a second one of the set of predefined states in response to said executing step; wherein said second one of the set of predefined states is selected by said processor based on a comparison of said second dimension and a set of preset dimension specifications; and wherein said event handler function is encoded in said encoding. - View Dependent Claims (10, 11, 12, 13, 14)
-
-
15. A system comprising:
-
a memory storing instructions; and a processing system comprising at least one processor and configured to execute the instructions, wherein the instructions, when executed by the processing system, cause the processing system to provide a tool for designing a web page prototype, the tool comprising; a graphical design environment allowing a user to specify said web page prototype, said graphical design environment having a window for displaying a rendering of said web page prototype; a dimension specification interface allowing said user to specify a dimension specification; a widget interface allowing said user to (i) add a widget to said web page prototype, and (ii) specify a first state and a second state for said widget, wherein the first state and the second state each correspond to a respective display dimension and are defined at least in part by properties of the widget as rendered at the corresponding display dimension, and wherein the first state and the second state define different absolute positions for said widget within said web page prototype; and an export interface to allow a user to export said web page prototype from said tool to produce an exported web page prototype; wherein said exported web page prototype utilizes an object model event to adjust a state of said widget from said first state to said second state. - View Dependent Claims (16, 17, 18, 19, 20)
-
Specification