User interface for editing web content

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.

What is claimed is: 
     
         1 . A computer program product comprising instructions for providing a user interface for creating and editing a web page on a 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 client device;   provide, for viewing on a display of the 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;   provide a user interface for editing the web page, the user interface including a preview of the web page; and   receive edits to the web page via the user interface for editing the web page.   
     
     
         2 . The computer program product of  claim 1 , 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.   
     
     
         3 . The computer program product of  claim 2 , further comprising instructions that when executed cause the processor to:
 determine display characteristics of the display of the client device, the display characteristics indicating whether the display is in a portrait mode or a landscape mode;   receive a gesture to move the third cell to a new position on the web page; and   display a cell configuration indicator indicating that the two cells are displayed as a column when the display is in a portrait mode and a first row when the display is in a landscape mode.   
     
     
         4 . The computer program product of  claim 3 , wherein the cell configuration indicator is a shaded region that is displayed over the two cells. 
     
     
         5 . The computer program product of  claim 1 , wherein the client device is a mobile client device such as a smartphone or tablet. 
     
     
         6 . The computer program product of  claim 1 , further comprising instructions that when executed cause the processor to:
 receive initialization data comprising instructions for rendering the web page on the client device, the rendered web page comprising a plurality of visual elements;   receive a first set of layout data describing a first location and a first size for each of the visual elements of the rendered web page, the first set of layout data corresponding to display of the web page on a display in landscape mode;   receive a second set of layout data describing a second location and a second size for each of the visual elements of the rendered web page, the second set of layout data corresponding to display of the web page on a display in portrait mode;   determine that the display of the client device is in a landscape mode; and   send instructions, based on the first set of layout data, to display a native overlay comprising a plurality of cells, each of the cells having a location and a size matching the location and the size of a corresponding one of the visual elements.   
     
     
         7 . The computer program product of  claim 6 , further comprising instructions that when executed cause the processor to:
 determine, based on a received user interaction with one of the cells of the native overlay, a change in the web page corresponding to the user interaction; and   provide the change in the web page to a web rendering module, the web rendering module configured to render an updated web page that incorporates the change.   
     
     
         8 . A 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 the client device;   providing, for viewing on a display of the 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;   providing a user interface for editing the web page, the user interface including a preview of the web page; and   receiving edits to the web page via the user interface for editing the web page.   
     
     
         9 . The method of  claim 8 , 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.   
     
     
         10 . The method of  claim 9 , further comprising:
 determining display characteristics of the display of the client device, the display characteristics indicating whether the display is in a portrait mode or a landscape mode;   receiving a gesture to move the third cell to a new position on the web page; and   displaying a cell configuration indicator indicating that the two cells are displayed as a column when the display is in a portrait mode and a first row when the display is in a landscape mode.   
     
     
         11 . The method of  claim 10 , wherein the cell configuration indicator is a shaded region that is displayed over the two cells. 
     
     
         12 . The method of  claim 8 , wherein the client device is a mobile client device such as a smartphone or tablet. 
     
     
         13 . The method of  claim 8 , further comprising:
 receiving initialization data comprising instructions for rendering the web page on the client device, the rendered web page comprising a plurality of visual elements;   receiving a first set of layout data describing a first location and a first size for each of the visual elements of the rendered web page, the first set of layout data corresponding to display of the web page on a display in landscape mode;   receiving a second set of layout data describing a second location and a second size for each of the visual elements of the rendered web page, the second set of layout data corresponding to display of the web page on a display in portrait mode;   determining that the display of the client device is in a landscape mode; and   sending instructions, based on the first set of layout data, to display a native overlay comprising a plurality of cells, each of the cells having a location and a size matching the location and the size of a corresponding one of the visual elements.   
     
     
         14 . The method of  claim 13 , further comprising:
 determining, based on a received user interaction with one of the cells of the native overlay, a change in the web page corresponding to the user interaction; and   providing the change in the web page to a web rendering module, the web rendering module configured to render an updated web page that incorporates the change.   
     
     
         15 . 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 the client device; 
 providing, for viewing on a display of the 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; 
 providing a user interface for editing the web page, the user interface including a preview of the web page; and 
 receiving edits to the web page via the user interface for editing the web page. 
   
     
     
         16 . The system of  claim 15 , 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.   
     
     
         17 . The system of  claim 16 , further comprising:
 determining display characteristics of the display of the client device, the display characteristics indicating whether the display is in a portrait mode or a landscape mode;   receiving a gesture to move the third cell to a new position on the web page; and   displaying a cell configuration indicator indicating that the two cells are displayed as a column when the display is in a portrait mode and a first row when the display is in a landscape mode.   
     
     
         18 . The system of  claim 17 , wherein the cell configuration indicator is a shaded region that is displayed over the two cells. 
     
     
         19 . The system of  claim 15 , wherein the client device is a mobile client device such as a smartphone or tablet. 
     
     
         20 . The system of  claim 15 , further comprising:
 receiving initialization data comprising instructions for rendering the web page on the client device, the rendered web page comprising a plurality of visual elements;   receiving a first set of layout data describing a first location and a first size for each of the visual elements of the rendered web page, the first set of layout data corresponding to display of the web page on a display in landscape mode;   receiving a second set of layout data describing a second location and a second size for each of the visual elements of the rendered web page, the second set of layout data corresponding to display of the web page on a display in portrait mode;   determining that the display of the client device is in a landscape mode; and   sending instructions, based on the first set of layout data, to display a native overlay comprising a plurality of cells, each of the cells having a location and a size matching the location and the size of a corresponding one of the visual elements.