Use the support for css3 in mobile browsers to design the pages. Some things to consider when optimizing for mobile.
Slides displayed in the browser. Choose "print" link for a printer-friendly page with all slides after one another.
Some simple strategies to set a suitable width for both mobile and desktop using css. The goal is to have mobile pages always fill the full width of the screen, but have a maximum width for desktop where maximized browser windows today can be extremely wide.
Some Unicode characters that can be used instead of images.
Examples of how to use css styling to create simple graphics like bullets to enhance the web page.
Examples of gradient backgrounds in CSS. Can also be used for simpler graphics like alternating colors in a horizontal or vertical pattern.
How to specify the image data inline with the html using a data url and base64 encoding. This means that no extra request has to be made to the server to fetch the image data.
How to use a single image data file for multiple images in different locations on the web page. This means that a single request to the server is sufficient regardless of how many image "parts" (sprites) it actually contains.
Give the user a full screen exprience in landscape, but keep extra commands etc i portrait.
Change the size, position and rotation of an element without affecting anything else on the page using CSS3 Transforms.