Methods and systems for generating server-side media queries

A computer-implemented method of customizing a cascading style sheet for a requesting device, the method comprising:

• receiving at a first system a first request for content from a browser of a requesting device, the first system comprising hardware;
• receiving at the first system a user agent from the requesting device, the user agent comprising text identifying the browser type;
• serving cookie generation code to the requesting device, wherein the cookie generation code is configured to be executed by the browser of the requesting device to obtain properties of the requesting device from the requesting device, including at least a display size in terms of pixels, and to store the obtained properties locally as a device cookie on the requesting device, the properties including at least one device property not available from the requesting device via a media query or a user agent;
• receiving at the first system the device cookie from the requesting device;
• accessing by the first system a device description database, the device description database comprising device properties for a plurality of browser-equipped devices;
• utilizing information from the user agent from the requesting device to locate corresponding device properties from the device description database;
• compiling, by the first system a cascading style sheet based at least in part on properties stored in the device cookie, including at least the display size, and the located corresponding device properties from the device description database;
• and
• serving by the first system the cascading style sheet to the requesting device.

A system comprising:

• a data store configured to at least store computer-executable instructions;
• and
• a hardware processor in communication with the data store, the hardware processor configured to execute the computer-executable instructions to at least:
• receive a first request for content from a browser of a requesting device;
• receive a user agent from the requesting device, the user agent comprising text identifying the browser type;
• serve cookie generation code to the requesting device, wherein the cookie generation code is configured to be executed by the browser of the requesting device to obtain properties of the requesting device from the requesting device, including at least a display size in terms of pixels, and to store the obtained properties locally as a device cookie on the requesting device, the properties including at least one device property not available from the requesting device via a media query or a user agent;
• receive the device cookie from the requesting device;
• access a device description database, the device description database comprising device properties for a plurality of browser-equipped devices;
• utilize information from the user agent from the requesting device to locate corresponding device properties from the device description database;
• generate a cascading style sheet based at least in part on properties stored in the device cookie, including at least the display size, and the located corresponding device properties from the device description database;
• and
• serve the cascading style sheet to the requesting device.

A non-transitory computer-readable storage medium storing computer-executable instructions that when executed by a processor perform operations comprising:

• receiving a first request for content from a browser of a requesting device;
• receiving a user agent from the requesting device, the user agent comprising text identifying the browser type;
• providing cookie generation code, wherein the cookie generation code is configured to be executed by the browser of the requesting device to obtain properties of the requesting device from the requesting device, including at least a display size in terms of pixels, and to store the obtained properties locally as a device cookie on the requesting device;
• receiving the device cookie from the requesting device;
• accessing a device description database, the device description database comprising device properties for a plurality of browser-equipped devices;
• utilizing information from the user agent from the requesting device to locate corresponding device properties from the device description database;
• generating a cascading style sheet based at least in part on properties stored in the device cookie, including at least the display size, and the located corresponding device properties from the device description database;
• and
• providing the cascading style sheet to the requesting device.