Back to results
US 10,139,998 B2Granted
User interface for editing web content
AssigneeWeebly, Inc.
InventorsRyan J. Glasgow, Vitaly Odemchuk, Benjamin A. Bloch, Daniel Veltri
Life of this patent
Estimating the term…
Abstract
A web editing application provides a user interface for editing a web page on a mobile client device. The web editing application provides templates for user selection, and may allow users to edit web pages while the editing device is offline. The web editing application determines whether a display of the client device is in landscape mode or portrait mode, and arranges certain cells differently based on this determination. The web editing application may further provide cell configuration indicators that indicate cells that are arranged differently in different display modes.
Claims17
A non-transitory computer-readable storage medium comprising instructions for providing a user interface for creating and editing a web page on a mobile client device having a processor, the instructions when executed causing the processor to:
- receive a request to create a web page from a user of the mobile client device;
- provide, for viewing on a display of the mobile client device, a user interface for selecting a web page template, the user interface comprising a plurality of web page templates for selection by the user;
- receive a user selection of one of the plurality of web page templates;
- detect an orientation of the mobile client device;
- provide a user interface for editing the web page according to the selected web page template and the detected orientation, the user interface including a preview of the web page, wherein the web page comprises:
- two cells, the two cells displayed as a column when the display is in a portrait mode and a first row when the display is in a landscape mode, and
- a third cell, the third cell displayed below the two cells as part of the column when the display is in the portrait mode and as part of a second row below the first row when the display is in the landscape mode;
- determine display characteristics of the display of the mobile client device, the display characteristics indicating whether the display is in the portrait mode or the landscape mode;
- receive a first touch gesture on a touchscreen of the mobile client device to move the third cell to a first new position on the web page, the first new position being adjacent to the two cells, the touchscreen including the display and a touch-sensitive surface;
- and
- display a cell configuration indicator indicating that the two cells adjacent to the first new position have a special arrangement that is displayed as the column when the display is in the portrait mode and is displayed as the first row when the display is in the landscape mode, the cell configuration indicator further indicating that moving the third cell to the first new position will add the third cell to the special arrangement.
8 more elements
A computer implemented method for providing a user interface for creating and editing a web page, comprising:
- receiving a request to create a web page from a user of a mobile client device;
- providing, for viewing on a display of the mobile client device, a user interface for selecting a web page template, the user interface comprising a plurality of web page templates for selection by the user;
- receiving a user selection of one of the plurality of web page templates;
- detecting an orientation of the mobile client device;
- providing a user interface for editing the web page according to the selected web page template and the detected orientation, the user interface including a preview of the web page, wherein the web page comprises:
- two cells, the two cells displayed as a column when the display is in a portrait mode and a first row when the display is in a landscape mode, and
- a third cell, the third cell displayed below the two cells as part of the column when the display is in the portrait mode and as part of a second row below the first row when the display is in the landscape mode;
- determining display characteristics of the display of the mobile client device, the display characteristics indicating whether the display is in the portrait mode or the landscape mode;
- receiving a first touch gesture on a touchscreen of the mobile client device to move the third cell to a first new position on the web page, the first new position being adjacent to the two cells, the touchscreen including the display and a touch-sensitive surface;
- and
- displaying a cell configuration indicator indicating that the two cells adjacent to the first new position have a special arrangement that is displayed as the column when the display is in the portrait mode and is displayed as the first row when the display is in the landscape mode, the cell configuration indicator further indicating that moving the third cell to the first new position will add the third cell to the special arrangement.
8 more elements
A system for providing a user interface for creating and editing a web page, comprising:
- a computer processor;
- and
- a computer-readable storage medium storing processor-executable computer program instructions, the computer program instructions comprising instructions for:
- receiving a request to create a web page from a user of a mobile client device;
- providing, for viewing on a display of the mobile client device, a user interface for selecting a web page template, the user interface comprising a plurality of web page templates for selection by the user;
- receiving a user selection of one of the plurality of web page templates;
- detecting an orientation of the mobile client device;
- providing a user interface for editing the web page according to the selected web page template and the detected orientation, the user interface including a preview of the web page, wherein the web page comprises:
- two cells, the two cells displayed as a column when the display is in a portrait mode and a first row when the display is in a landscape mode, and
- a third cell, the third cell displayed below the two cells as part of the column when the display is in the portrait mode and as part of a second row below the first row when the display is in the landscape mode;
- determining display characteristics of the display of the mobile client device, the display characteristics indicating whether the display is in the portrait mode or the landscape mode;
- receiving a first touch gesture on a touchscreen of the mobile client device to move the third cell to a first new position on the web page, the first new position being adjacent to the two cells, the touchscreen including the display and a touch-sensitive surface;
- and
- displaying a cell configuration indicator indicating that the two cells adjacent to the first new position have a special arrangement that is displayed as the column when the display is in the portrait mode and is displayed as the first row when the display is in the landscape mode, the cell configuration indicator further indicating that moving the third cell to the first new position will add the third cell to the special arrangement.
11 more elements
Dependencies are inferred from the claim text.