Page and device-optimized cascading style sheets

• US 20080313659A1
• Filed: 06/15/2007
• Published: 12/18/2008
• Est. Priority Date: 06/15/2007
• Status: Active Grant

• Current Assignee: Microsoft Technology Licensing LLC (Microsoft Corporation)
• Original Assignee: Microsoft Corporation
• Inventors: Anderson, David, Karoubi, Stephane, Eide, Darrin, Montgomery, Joe
• Granted Patent: US 7,895,598 B2
• Time in Patent Office: Days
• US Class Current: 719/328
• CPC Class Codes: G06F 40/143 Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
• CPC Class Codes: G06F 40/154 Tree transformation for tree-structured or markup documents, e.g. XSLT, XSL-FO or stylesheets

Abstract

An arrangement for generating page and/or device-optimized cascading style sheets (“CSS”) is disclosed in which CSS blocks are provided in a collection of one or more files. In an illustrative example, the collection of files is arranged as XML (extensible Markup Language) files. Each CSS block is marked with attributes that indicate to which modules used to compose a page it applies, and/or its applicability to a specific device. At page rendering time, the CSS for the page is dynamically generated by selecting CSS blocks from the files based on detected device capabilities and/or the modules on the page.

Claims

1. A computer-implemented method for generating device-specific CSS, the method comprising the steps of:

receiving parameters which describe a device that is seeking access to a page published by a content portal;

applying a query to a file, the query being arranged to locate CSS blocks in the file that are associated with one or more of the parameters; and

retrieving the associated CSS blocks from the file.

2. The computer-implemented method of claim 1 including a further step of concatenating the extracted CSS blocks into a single CSS code string.

3. The computer-implemented method of claim 2 including a further step of applying an optimization algorithm to the CSS code string to remove whitespace.

4. The computer-implemented method of claim 2 including a further step of sending the CSS code string to a process that is arranged to insert the CSS code string inline with markup that describes the page.

5. The computer-implemented method of claim 1 in which the parameters describe at least one of device-specific-feature, device model, type of browser operating on the device, or markup language capability of the device.

6. The computer-implemented method of claim 1 in which the device is a mobile communication device.

7. The computer-implemented method of claim 6 in which the mobile communication device is memory-constricted.

8. The computer-implemented method of claim 1 in which the file is an XML file.

9. The computer-implemented method of claim 1 in which a location for the file is identified by a metadata file.

10. The computer-implemented method of claim 1 in which the parameters are generated by a user agent sniffer service.

11. The computer-implemented method of claim 10 in which the parameters are mined from one of user agent string or header parameter.

12. A computer-implemented method for generating page-specific CSS, the method comprising the steps of:

receiving a list of modules included on a page of content published by a content portal, each module describing either a link or a service call that may be invoked by a consumer of the page;

applying a query to a file, the query being arranged to locate CSS blocks in the file that are associated with one or more of the modules in the list; and

retrieving the associated CSS blocks from the file.

13. The computer-implemented method of claim 12 in which the retrieving comprises pulling code from an element in the file.

14. The computer-implemented method of claim 12 in which the list of modules is received via a remote call from the content portal.

15. The computer-implemented method of claim 14 in which the content portal includes templates that are utilized to generate the page and the remote call is generated from a wrapper template that is arranged as one of the templates.

16. A method for publishing a page of content, the method comprising the steps of:

receiving a request from a device to access the page;

receiving information that describes the device, the information describing at least one of device-specific feature, device model, type of browser operating on the device, or markup language capability of the device; and

calling a service to receive i) CSS that is specific to the page, or ii) CSS that is specific to the device, the calling including one of sending the information to the service, or sending a description of the page to the service.

17. The method of claim 16 in which the calling further includes sending metadata to the service that describes a location of one or more files containing blocks of CSS that are used by the service.

18. The method of claim 16 in which the step of calling further comprises calling the service to receive iii) CSS that is globally applicable to all pages, or iv) CSS that is globally applicable to all devices.

19. The method of claim 16 in which the description of the page includes a description of one of modules, slots, service calls, or components that make up the page.

20. The method of claim 17 in which the one or more files validate against an XML schema which describes style elements and attributes associated with the style elements that indicate page modules or device characteristics to which the style elements are applicable.