×

Environment for responsive graphical designs

DC
  • US 8,751,945 B1
  • Filed: 02/07/2014
  • Issued: 06/10/2014
  • Est. Priority Date: 05/07/2013
  • Status: Active Grant
First Claim
Patent Images

1. A system comprising:

  • a processor providing a design window that displays an editable instantiation of an interactive graphical design, wherein the interactive graphical design comprises a plurality of interactive widgets, and wherein the plurality of interactive widgets can be arranged in the design window;

    a widget interface, provided by the processor, that displays a property from a set of properties for a widget in the design window;

    a dimension specification interface, provided by the processor, with a first threshold dimension field, and a second threshold dimension field, wherein the first threshold dimension field accepts a first threshold between a first dimension version of the interactive graphical design and a second dimension version of the interactive graphical design, wherein the second threshold dimension field accepts a second threshold that is larger than the first threshold, and wherein the first and second thresholds each comprise a rendering space width;

    an export module that generates renderable instantiation of the interactive graphical design for rendering in a player, wherein the renderable instantiation includes;

    (i) HTML frames defining an interactive graphical design rendering window and a selector window with selectable entries for navigating the interactive graphical design that is independent of a rendering space dimension afforded to the interactive graphical design rendering window; and

    (ii) JavaScript code for switching all of the interactive widgets in the plurality of interactive widgets between the first and second dimension versions that is performed as a result of a comparison of a rendering space of the player to the first threshold, and wherein the first dimension version is rendered when the rendering space of the player lies within a range of values from the first threshold to the second threshold; and

    a memory storing;

    (i) a first set of values for the set of properties of the widget in the first dimension version; and

    (ii) a second set of values for the set of properties of the widget in the second dimension version;

    wherein a value in the first set of values is the same in the second set of values; and

    wherein the value is stored at a single location in the memory.

View all claims
  • 2 Assignments
Timeline View
Assignment View
    ×
    ×