Abstract: Font recommendation techniques are described that provide recommendations of fonts based on a variety of factors, automatically and without user intervention in real time. This is performable in a variety of ways by addressing a wide range of considerations as part of machine learning, examples of which include context, popularity, similarity, customization, and topic compatibility.

Abstract: Font recommendation techniques are described that provide recommendations of fonts based on a variety of factors, automatically and without user intervention in real time. This is performable in a variety of ways by addressing a wide range of considerations as part of machine learning, examples of which include context, popularity, similarity, customization, and topic compatibility.

Abstract: Font recommendation techniques are described that provide recommendations of fonts based on a variety of factors, automatically and without user intervention in real time. This is performable in a variety of ways by addressing a wide range of considerations as part of machine learning, examples of which include context, popularity, similarity, customization, and topic compatibility.

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.

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.

Abstract: Techniques for responsive design controls are described. A user interface is provided having a breakpoint bar configured to display multiple selectable breakpoints. When the breakpoints are selected, digital content displayed on a design surface located adjacent to the breakpoint bar is resized according to a relative size of the breakpoint. The user interface additionally has a central axis along which the multiple breakpoints are distributed. The design surface enables the digital content to be viewed and resized around the central axis responsive to selection of one of the breakpoints. Additional tools and techniques are provided to implement responsive design controls.

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.

Abstract: An application in which a portion of a layer is transparent. When the application is a first state (with a first layer on top), a transparent portion of that layer may make a portion of a second layer visible. The first layer may include various menus and the second layer may have a feature that displays web page content in a position that overlaps the transparent portion of the first layer. In a second state, the second layer is rendered on top making the web page feature visible and accessible and, since nothing in the second layer overlays the menus, those menus are also visible and accessible. When needed, the application switches to a first state, for example, to expand a menu's display on top of (i.e., covering) some of the web content, while leaving the uncovered portion of the web content visible through the transparent portion.

Abstract: An application in which a portion of a layer is transparent. When the application is a first state (with a first layer on top), a transparent portion of that layer may make a portion of a second layer visible. The first layer may include various menus and the second layer may have a feature that displays web page content in a position that overlaps the transparent portion of the first layer. In a second state, the second layer is rendered on top making the web page feature visible and accessible and, since nothing in the second layer overlays the menus, those menus are also visible and accessible. When needed, the application switches to a first state, for example, to expand a menu's display on top of (i.e., covering) some of the web content, while leaving the uncovered portion of the web content visible through the transparent portion.

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.

Abstract: An application in which a portion of a layer is transparent. When the application is a first state (with a first layer on top), a transparent portion of that layer may make a portion of a second layer visible. The first layer may include various menus and the second layer may have a feature that displays web page content in a position that overlaps the transparent portion of the first layer. In a second state, the second layer is rendered on top making the web page feature visible and accessible and, since nothing in the second layer overlays the menus, those menus are also visible and accessible. When needed, the application switches to a first state, for example, to expand a menu's display on top of (i.e., covering) some of the web content, while leaving the uncovered portion of the web content visible through the transparent portion.