SMART RESPONSIVE BEHAVIOR FOR PIXEL-PERFECT DESIGNS
First Claim
1. A computer-implemented method for rendering a document on any size device including executing instructions stored on a non-transitory computer-readable storage medium, the method comprising:
- during runtime, rendering a document for display on a device, wherein the document includes multiple elements arranged in one or more rows and one or more columns;
if a size of the device is greater than a threshold size, scaling the document as a whole to fit the size of the device; and
if the size of the device is less than the threshold size, scaling the document by;
stacking the columns containing elements into a single column,removing empty space from the single column, andscaling the elements in the stacked single column.
1 Assignment
0 Petitions
Accused Products
Abstract
A computer-implemented method for rendering a document on any size device includes, during runtime, rendering a document for display on a device, where the document includes multiple elements arranged in one or more rows and one or more columns. The method includes if a size of the device is greater than a threshold size, scaling the document as a whole to fit the size of the device. If the size of the device is less than the threshold size, scaling the document by stacking the columns containing elements into a single column, removing empty space from the single column, and scaling the elements in the stacked single column.
39 Citations
20 Claims
-
1. A computer-implemented method for rendering a document on any size device including executing instructions stored on a non-transitory computer-readable storage medium, the method comprising:
-
during runtime, rendering a document for display on a device, wherein the document includes multiple elements arranged in one or more rows and one or more columns; if a size of the device is greater than a threshold size, scaling the document as a whole to fit the size of the device; and if the size of the device is less than the threshold size, scaling the document by; stacking the columns containing elements into a single column, removing empty space from the single column, and scaling the elements in the stacked single column. - View Dependent Claims (2, 3, 4, 5, 6, 7)
-
-
8. A computer program product for rendering a document on any size computing device, the computer program product being tangibly embodied on a non-transitory computer-readable storage medium and comprising instructions that, when executed by at least one computing device, are configured to cause the at least one computing device to:
-
during runtime, render a document for display on the computing device, wherein the document includes multiple elements arranged in one or more rows and one or more columns; if a size of the computing device is greater than a threshold size, scale the document as a whole to fit the size of the computing device; and if the size of the computing device is less than the threshold size, scale the document by maintaining absolute positioning of the elements within a column and maintaining a ratio between the elements within a row. - View Dependent Claims (9, 10, 11, 12, 13, 14)
-
-
15. A system for rendering a document on any size computing device, the system comprising:
-
at least one memory including instructions; and at least one processor that is operably coupled to the at least one memory and that is arranged and configured to execute the instructions that, when executed, cause the at least one processor to implement a visual editor, a model design application, and a responsive infographic module, wherein; the visual editor is configured enable a user to create one or more elements; the model design application is configured to enable the user to create an infographic using the elements and to convert the infographic into an infographic model, wherein the infographic model includes the elements arranged in one or more rows and one or more columns; and the responsive infographic module is configured to execute within a browser application and to; during runtime, render the infographic for display on the computing device; if a size of the computing device is greater than a threshold size, scale the infographic as a whole to fit the size of the computing device; and if the size of the computing device is less than the threshold size, scale the infographic by maintaining absolute positioning of the elements within a column and maintaining a ratio between the elements within a row. - View Dependent Claims (16, 17, 18, 19, 20)
-
Specification