Creating an Adaptive Web Site for Multiple Screens demonstrates how to build a web site that automatically adapts its layout to various screen sizes, orientations, and resolutions. Ray Villalobos shows how designers and developers can create a single HTML document and customize its display for desktop browsers and mobile devices such as the iPhone, Android phones, and tablets. The course covers creating a basic HTML5 structure and using reset templates, and styling the site with CSS. Exercise files are included with the course.

Creating an Adaptive Web Site for Multiple Screens demonstrates how to build a web site that automatically adapts its layout to various screen sizes, orientations, and resolutions. Ray Villalobos shows how designers and developers can create a single HTML document and customize its display for desktop browsers and mobile devices such as the iPhone, Android phones, and tablets. The course covers creating a basic HTML5 structure and using reset templates, and styling the site with CSS. Exercise files are included with the course.

Topics include:
Setting up testing servers and emulators
Creating and formatting a site template
Using free Google fonts
Preparing graphics
Creating style sheets
Loading external pages with AJAX
Creating mobile tabs
Detecting mobile devices
Using javascript to deal with scrolling and orientation changes
Testing and debugging site code