Start learning with our library of video tutorials taught by experts. Get started
This course 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.
My name is Ray Villalobos. Welcome to Creating an Adaptive Web Site for Multiple Screens! In this course we will be designing a single web site, which we'll adapt to display differently on different types of devices; desktops, handheld, and tablets. We'll start by designing and customizing a series of interactive web pages to display on a desktop. We'll take a look at how to load pages and other content dynamically using jQuery and AJAX. Next, we'll look at how to customize the site's layout for handheld devices like iPhone and Android.
We'll also cover how to deal with problems and inconsistencies that pop-up when displaying the site on different devices. Finally, we'll make coding and design adjustments to make the pages work well on tablet devices. Now, let's get started with Creating an Adaptive Web Site for Multiple Screens.
Find answers to the most frequently asked questions about Creating an Adaptive Web Site for Multiple Screens.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.