System for conversion of website content
View Patent ↗A system and method for converting website content is presented. Design elements in a graphical representation of a web page are identified. The design elements are ordered according to a position of each of the design elements with respect to a top of the graphical representation of the web page. One or more of the ordered design elements are grouped into one or more groups of design elements, and the design elements are stacked by rearranging each group of design elements into a single column. The single column of the groups of design elements are rendered into a converted web page for display on a device. In one implementation, the device is a mobile device.
1. A system, comprising:
a processor configured to:
identify design elements in a graphical representation of a web page;
order the design elements according to a position of each of the design elements with respect to a top of the graphical representation of the web page;
group one or more of the ordered design elements into one or more groups of design elements;
stack the design elements by rearranging each group of design elements into a single column; and
render the single column of the groups of design elements into a converted web page for display on a device.
2. The system of claim 1 , wherein the device is a mobile device.
3. The system of claim 1 , wherein one or more of the design elements is positioned on the web page using absolute positioning.
4. The system of claim 1 , wherein each group of design elements includes design elements that are vertically aligned with each other in the graphical representation of the web page, and are within a threshold width variation of each other.
5. The system of claim 4 , wherein the threshold width variation is 20 pixels.
6. The system of claim 5 , wherein the groups of design elements are stacked in order of proximity to the top of the graphical representation of the web page.
7. A system comprising:
a processor configured to:
identify design elements in a graphical representation of a web page;
order the design elements according to a position of each of the design elements with respect to a top of the graphical representation of the web page;
group one or more of the ordered design elements into one or more groups of design elements;
stack the design elements in a single column, by:
moving each group of design elements to the left in the graphical representation of the web page until the group being moved contacts a left side of the graphical representation of the web page or another group of design elements, and
upon contact with another group of design elements, placing the group being moved below the contacted group of design elements; and
render the single column of the design elements into a converted web page for display on a device.
8. The system of claim 7 , wherein the processor is configured to:
identify a primary navigation interface for the web page, the primary navigation interface including a plurality of navigation elements; and
insert one or more of the plurality of navigation elements into the converted web page.
9. The system of claim 8 , wherein the web page is part of a website comprising a plurality of web pages, and wherein the processor is configured to scan the plurality of web pages in the website to identify a navigation element included in a plurality of the web pages of the website.
10. The system of claim 8 , wherein the one or more navigation elements are inserted at the top of the converted web page.
11. The system of claim 7 , wherein rendering the single column of the design elements into a converted web page includes creating a container for each of the groups of design elements, and rendering the containers.
12. The system of claim 11 , wherein each container has a maximum width equal to a width of a display of the device.
13. The system of claim 7 , wherein the device is a mobile device.
14. The system of claim 7 , wherein at least one of the design elements is positioned on the web page using absolute positioning.
15. A non-transitory computer-readable storage media storing instructions that, when executed by at least one computing device, cause the at least one computing device to:
identify design elements in a graphical representation of a web page;
order the design elements according to a position of each of the design elements with respect to a top of the graphical representation of the web page;
group one or more of the ordered design elements into one or more groups of design elements;
stack the design elements by rearranging each group of design elements into a single column; and
render the single column of the groups of design elements into a converted web page for display on a device.
16. The non-transitory computer-readable storage media of claim 15 , wherein the device is a mobile device.
17. The non-transitory computer-readable storage media of claim 15 , wherein one or more of the design elements is positioned on the web page using absolute positioning.
18. The non-transitory computer-readable storage media of claim 15 , wherein each group of design elements includes design elements that are vertically aligned with each other in the graphical representation of the web page, and are within a threshold width variation of each other.
19. The non-transitory computer-readable storage media of claim 18 , wherein the threshold width variation is 20 pixels.
20. The non-transitory computer-readable storage media of claim 15 , wherein the groups of design elements are stacked in order of proximity to the top of the graphical representation of the web page.