Environment for responsive graphical designs

A method of allowing a user to specify a design comprising:

• providing a graphical user interface to display a page of said design;
• providing a widget characterization interface that allows said user to add an event handler to a widget, and add said widget to said page of said design in a first dimension version, wherein said first dimension version is a default dimension version;
• accepting a first characterization from said user, via a routing system, (i) to be associated with said widget in said default dimension version and (ii) to characterize a first state for said widget;
• providing a dimension specification interface for said user to allow said user to specify a second dimension version;
• accepting a second characterization from said user, via said routing system, (i) to be associated with said widget in said second dimension version and (ii) to characterize a second state for said widget;
• and
• storing, in a memory, (i) said widget, (ii) a first set of values for properties of said widget in said first state, and (iii) a second set of values for said properties of said widget in said second state;
• wherein a particular value for a particular property of said widget in said first state does not change in said second state;
• wherein said particular value for said particular property of said widget is stored at a single location in said memory;
• and
• wherein said widget characterization interface allows said user to specify said event handler differently for said first characterization and said second characterization.

A method of allowing a user to specify a responsive web page design comprising:

• receiving a dimension specification for said responsive web page design from said user, wherein said dimension specification is a threshold dimension specification;
• receiving a first specification for a first widget state for an interactive widget from said user, wherein said interactive widget includes a set of properties;
• receiving a second specification for a second widget state for said interactive widget from said user, wherein said second specification alters a subset of said set of properties of said interactive widget;
• providing a first rendering of said responsive web page design that is specified for browser windows that are larger than said threshold dimension specification;
• rendering said interactive widget in said first rendering according to said first specification;
• providing a second rendering of said responsive web page design that is specified for browser windows that are smaller than said threshold dimension specification;
• rendering said interactive widget in said second rendering according to said second specification;
• and
• storing, in a memory, (i) said interactive widget, (ii) a first set of values for said set of properties of said interactive widget in said first widget state, and (iii) a second set of values for said set of properties of said interactive widget in said second widget state;
• wherein a particular value for a particular property of said interactive widget in said first widget state does not change in said second widget state;
• wherein said particular value for said particular property of said interactive widget is stored at a single location in said memory;
• and
• wherein said set of properties of said interactive widget includes an interactive property of said interactive widget.