CPC G06F 40/14 (2020.01) [G06F 40/177 (2020.01)] | 19 Claims |
1. A computer implemented method for generating webpage data corresponding to a design, wherein the webpage data is generated based on a webpage grid definition and the method comprises:
accessing a set of design element objects, each design element object corresponding to a design element of the design and including data allowing a horizontal start position, a horizontal end position, a vertical start position, and a vertical end position of that design element to be determined;
processing the set of design element objects to generate a set of element-grid records, the set of element-grid records including an element-grid record corresponding to each design element, the element-grid record corresponding to a given design element including:
element data identifying the given design element;
a unique column start gridline for the given design element;
a unique column end gridline for the given design element;
a column start offset for the given design element; and
a column end offset for the given design element;
processing the set of element-grid records to generate an ordered set of column offsets, the ordered set of column offsets including the column start offset of each element-grid record and the column end offset of each element-grid record, the ordered set of column offsets being ordered based on each column offset's corresponding column gridline;
generating an ordered set of column width values based on the ordered set of column offsets; and
processing the set of element-grid records to generate the webpage grid definition, the webpage grid definition defining a grid including a plurality of columns and a plurality of rows, the plurality of columns defined by the ordered set of column width values, and
wherein:
a first design element and a second design element have a same horizontal start position; and
the webpage grid definition defines:
a first column gridline as the unique column start gridline of the first design element;
a second column gridline as the unique column start gridline of the second design element; and
a first column between the first column gridline and the second column gridline, the first column having a column width of zero.
|