Creation and display of a webpage with alternative layouts for different webpage widths

    公开(公告)号:US10210144B2

    公开(公告)日:2019-02-19

    申请号:US15238636

    申请日:2016-08-16

    Applicant: ADOBE INC.

    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.

    Utilizing machine learning to select resizing models in generating resized digital design documents

    公开(公告)号:US12266076B2

    公开(公告)日:2025-04-01

    申请号:US18328272

    申请日:2023-06-02

    Applicant: Adobe Inc.

    Abstract: The present disclosure relates to systems, methods, and non-transitory computer-readable media that generates a design representation to further construct a digital design multigraph and generate a structural representation for a digital design document from the digital design multigraph. For instance, the disclosed systems generate a design representation of a digital design document that includes design properties with multiple digital design elements. In particular, the disclosed systems construct a digital design (multi-)graph from the design representation by generating nodes to represent digital design elements and edges based on relationships between these elements. In addition, the disclosed systems generate a structural representation based on the digital design multigraph for downstream applications. For instance, downstream applications include utilizing the structural representation to select a resizing model from a plurality of resizing models and resizing a digital design document using the structural representation.

    CONSTRUCTING DIGITAL DESIGN GRAPHS FOR GENERATING STRUCTURAL REPRESENTATIONS OF DIGITAL DESIGN DOCUMENTS

    公开(公告)号:US20240403557A1

    公开(公告)日:2024-12-05

    申请号:US18328286

    申请日:2023-06-02

    Applicant: Adobe Inc.

    Abstract: The present disclosure relates to systems, methods, and non-transitory computer-readable media that generates a design representation to further construct a digital design multigraph and generate a structural representation for a digital design document from the digital design multigraph. For instance, the disclosed systems generate a design representation of a digital design document that includes design properties with multiple digital design elements. In particular, the disclosed systems construct a digital design (multi-) graph from the design representation by generating nodes to represent digital design elements and edges based on relationships between these elements. In addition, the disclosed systems generate a structural representation based on the digital design multigraph for downstream applications. For instance, downstream applications include utilizing the structural representation to select a resizing model from a plurality of resizing models and resizing a digital design document using the structural representation.

    UTILIZING MACHINE LEARNING TO SELECT RESIZING MODELS IN GENERATING RESIZED DIGITAL DESIGN DOCUMENTS

    公开(公告)号:US20240404000A1

    公开(公告)日:2024-12-05

    申请号:US18328272

    申请日:2023-06-02

    Applicant: Adobe Inc.

    Abstract: The present disclosure relates to systems, methods, and non-transitory computer-readable media that generates a design representation to further construct a digital design multigraph and generate a structural representation for a digital design document from the digital design multigraph. For instance, the disclosed systems generate a design representation of a digital design document that includes design properties with multiple digital design elements. In particular, the disclosed systems construct a digital design (multi-) graph from the design representation by generating nodes to represent digital design elements and edges based on relationships between these elements. In addition, the disclosed systems generate a structural representation based on the digital design multigraph for downstream applications. For instance, downstream applications include utilizing the structural representation to select a resizing model from a plurality of resizing models and resizing a digital design document using the structural representation.

Patent Agency Ranking