Abstract: Embodiments are disclosed for perform offset editing in a digital design system. In particular, in one or more embodiments, the disclosed systems and methods comprise receiving a first input on a graphical user interface, the first input enabling an offset editing mode, displaying an offset editing tool at a first location on the graphical user interface, receiving a second input at a second location on the graphical user interface, and performing an action associated with the offset editing tool at the first location based on the second input at the second location, the second location offset from the first location.

Abstract: Techniques are disclosed for interactively viewing and manipulating elements of a web page or application layout uploaded from a client to a server. Elements of the layout, such as graphics and image properties, are extracted, encoded and used to generate a JSON file describing the layout along with a sprite sheet of all of the images. The JSON file and the sprite sheet are then stored as a rendition of the layout within a cloud environment. A web-based application can be used to retrieve the JSON file and the sprite sheet. The JSON and sprite sheet may be used to create a preview environment. Additional data in the JSON can be used to generate an information panel in the web browser for representing relationships between the layers, styles and other properties of the layout in the information panel and the elements displayed in the preview.

Abstract: Techniques are disclosed for interactively viewing and manipulating elements of a web page or application layout uploaded from a client to a server. Elements of the layout, such as graphics and image properties, are extracted, encoded and used to generate a JSON file describing the layout along with a sprite sheet of all of the images. The JSON file and the sprite sheet are then stored as a rendition of the layout within a cloud environment. A web-based application can be used to retrieve the JSON file and the sprite sheet. The JSON and sprite sheet may be used to create a preview environment. Additional data in the JSON can be used to generate an information panel in the web browser for representing relationships between the layers, styles and other properties of the layout in the information panel and the elements displayed in the preview.