Systems and methods for visually creating and editing scrolling actions

    公开(公告)号:US10373363B2

    公开(公告)日:2019-08-06

    申请号:US13949749

    申请日:2013-07-24

    Applicant: Adobe Inc.

    Abstract: Systems and methods for visually creating scroll-triggered animation in a document. Based on input received, a key position is determined that is associated with an element that is to be animated. An indicator may be displayed to visually show the location of the key position on an editing canvas. A scroll-triggered animation is defined for the element based on the specified key position. The scroll-triggered animation defines attributes of the element during scroll of the document in the end use environment. For example, the animation may specify that the element has a particular location when the scroll is at the specified key position. The scroll-triggered animation may additionally or alternatively comprise a before-effect and an after-effect, performing one animation before the scroll reaches the key position and another animation after the scroll reaches the key position.

    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.

Patent Agency Ranking