User interfaces that facilitate management of formatting of digital content
Methods, systems, and apparatus, including computer programs encoded on a computer storage medium, for generating a user interface that includes a viewport space of a digital content item; generating, based on user input, breakpoints of the viewport space based on a height, a width, or an aspect ratio of the viewport space; based on the breakpoints, generating formatting rules that each create a different version of the digital content item when the formatting rule is applied; and distributing, to a client device, the digital content item for display within an electronic document, including providing i) text or image content of the digital content item and ii) the formatting rules, wherein the formatting rules cause a client-side application to dynamically render and display an appropriate version of the digital content item based on the formatting rules and a size of a display area in which the digital content item is presented.
1. A system comprising:
a breakpoint manager that generates, based on user input to an user interface that includes a representation of a viewport space of a digital content item, one or more breakpoints of the viewport space based on a height, a width, or an aspect ratio of the viewport space; and
a formatting rules generator that generates, based on the one or more breakpoints, two or more formatting rules that each create a different version of the digital content item when the formatting rule is applied, wherein different ones of the two or more formatting rules are applied for different sized viewport spaces,
wherein the digital content item is distributed to a given client device for display within an electronic document, the distribution including providing, to the given client device, i) text or image content of the digital content item and the ii) the two or more formatting rules, wherein the two or more formatting rules cause a client-side application to dynamically render and display an appropriate version of the digital content item based on the two or more formatting rules and a size of a display area in which the digital content item is presented.
2. The system of claim 1 , wherein at least one of the breakpoints is based on the width of the viewport space.
3. The system of claim 1 , wherein the one or more breakpoints include respective breakpoints based on height, width, and aspect ratio of the viewport space.
4. The system of claim 1 , wherein the breakpoint manager further generates two or more intervals of the viewport space based on the one or more breakpoints, each of the intervals independent of overlapping one another.
5. The system of claim 1 , wherein each of the one or more breakpoints are inclusive of a boundary established by the respective breakpoint.
6. The system of claim 1 , wherein the breakpoint manager generates the one or more breakpoints by inserting a new breakpoint in the viewport space, moving a previously existing breakpoint within the viewport space, or deleting a previously existing breakpoint from the viewport space.
7. The system of claim 1 , wherein the breakpoint manager generates the one or more breakpoints by adding an aspect ratio breakpoint of the viewport space based on an orientation of the digital content item, or removing a previously existing aspect ratio breakpoint of the viewport space.
8. A computer-implemented method comprising:
generating, by one or more servers, a user interface that includes a viewport space of a digital content item;
receiving, by the one or more servers and through the user interface, user input;
generating, by the one or more severs and based on the user input, one or more breakpoints of the viewport space based on a height, a width, or an aspect ratio of the viewport space;
based on the one or more breakpoints, generating, by the one or more servers, two or more formatting rules that each create a different version of the digital content item when the formatting rule is applied, wherein different ones of the two or more formatting rules are applied for different sized viewport spaces; and
distributing, by the one or more servers and to a given client device, the digital content item for display within an electronic document, including providing, to the given client device, i) text or image content of the digital content item and the ii) the two or more formatting rules, wherein the two or more formatting rules cause a client-side application to dynamically render and display an appropriate version of the digital content item based on the two or more formatting rules and a size of a display area in which the digital content item is presented.
9. The computer-implemented method of claim 8 , wherein at least one of the breakpoints is based on the width of the viewport space.
10. The computer-implemented method of claim 8 , wherein the one or more breakpoints include respective breakpoints based on height, width, and aspect ratio of the viewport space.
11. The computer-implemented method of claim 8 , further comprising generating, by the one or more servers, two or more intervals of the viewport space based on the one or more breakpoints, each of the intervals independent of overlapping one another.
12. The computer-implemented method of claim 8 , wherein each of the one or more breakpoints are inclusive of a boundary established by the respective breakpoint.
13. The computer-implemented method of claim 8 , wherein generating the one or more breakpoints includes inserting a new breakpoint in the viewport space, moving a previously existing breakpoint within the viewport space, or deleting a previously existing breakpoint from the viewport space.
14. The computer-implemented method of claim 8 , wherein generating the one or more breakpoints includes adding an aspect ratio breakpoint of the viewport space based on an orientation of the digital content item, or removing a previously existing aspect ratio breakpoint of the viewport space.
15. A non-transitory computer-readable medium storing software comprising instructions executable by one or more computers which, upon such execution, cause the one or more computers to perform operations comprising:
generating, by one or more servers, a user interface that includes a viewport space of a digital content item;
receiving, by the one or more servers and through the user interface, user input;
generating, by the one or more severs and based on the user input, one or more breakpoints of the viewport space based on a height, a width, or an aspect ratio of the viewport space;
based on the one or more breakpoints, generating, by the one or more servers, two or more formatting rules that each create a different version of the digital content item when the formatting rule is applied, wherein different ones of the two or more formatting rules are applied for different sized viewport spaces; and
distributing, by the one or more servers and to a given client device, the digital content item for display within an electronic document, including providing, to the given client device, i) text or image content of the digital content item and the ii) the two or more formatting rules, wherein the two or more formatting rules cause a client-side application to dynamically render and display an appropriate version of the digital content item based on the two or more formatting rules and a size of a display area in which the digital content item is presented.
16. The computer-readable medium of claim 15 , wherein at least one of the breakpoints is based on the width of the viewport space.
17. The computer-readable medium of claim 15 , wherein the one or more breakpoints include respective breakpoints based on height, width, and aspect ratio of the viewport space.
18. The computer-readable medium of claim 15 , the operations further comprising generating, by the one or more servers, two or more intervals of the viewport space based on the one or more breakpoints, each of the intervals independent of overlapping one another.
19. The computer-readable medium of claim 15 , wherein each of the one or more breakpoints are inclusive of a boundary established by the respective breakpoint.
20. The computer-readable medium of claim 15 , wherein generating the one or more breakpoints includes inserting a new breakpoint in the viewport space, moving a previously existing breakpoint within the viewport space, or deleting a previously existing breakpoint from the viewport space.