The patent badge is an abbreviated version of the USPTO patent document. The patent badge does contain a link to the full patent document.

The patent badge is an abbreviated version of the USPTO patent document. The patent badge covers the following: Patent number, Date patent was issued, Date patent was filed, Title of the patent, Applicant, Inventor, Assignee, Attorney firm, Primary examiner, Assistant examiner, CPCs, and Abstract. The patent badge does contain a link to the full patent document (in Adobe Acrobat format, aka pdf). To download or print any patent click here.

Date of Patent:
Feb. 19, 2019

Filed:

Aug. 16, 2016
Applicant:

Adobe Inc., San Jose, CA (US);

Inventors:

Samuel Wan, Portland, OR (US);

Razvan Cotlarciuc, Seattle, WA (US);

David Williamson, Woodinville, WA (US);

David Stephens, Shoreline, WA (US);

Abhishek Gulati, Seattle, WA (US);

Assignee:

Adobe Inc., San Jose, CA (US);

Attorney:
Primary Examiner:
Int. Cl.
CPC ...
G06F 17/00 (2006.01); G06F 17/22 (2006.01); G06F 17/30 (2006.01);
U.S. Cl.
CPC ...
G06F 17/2247 (2013.01); G06F 17/227 (2013.01); G06F 17/30905 (2013.01);
Abstract

Methods and systems for creating a webpage having different element orders for different webpage widths are disclosed. A computing device receives inputs specifying different layouts of elements in different orders for different webpage widths. The computing device creates markup code for the webpage that specifies separate subtrees of nodes for the different layouts and then modifies the markup code to replace duplicate nodes with placeholders in the subtrees. The computing device also creates script code for the webpage with instructions for modifying a live DOM created from the markup code based on current webpage width. Specifically, the script code modifies the live DOM to specify positioning the elements differently for different webpage widths by changing the visibility of nodes and swapping placehoders and content nodes in the subtrees.


Find Patent Forward Citations

Loading…