site feedback
Creating an Adaptive Web Site for Multiple Screens

Creating an Adaptive Web Site for Multiple Screens

with Ray Villalobos



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

show more

author
Ray Villalobos
subject
Developer, Mobile, Web Development, Web + Interactive, HTML + HTML5
software
HTML, JavaScript, PHP, CSS
level
Intermediate
duration
3h 9m
released
Oct 19, 2011
DVD
purchase

Start learning today. Lynda explains how.

Ready to join?

Learn Adobe CS6
Please wait...
subscribe learn more

Get immediate access to the entire library!



Suggested courses to watch next:

JavaScript Essential Training (2011) (05h 30m)
Simon Allardice
CSS Fundamentals (03h 14m)
James Williamson
HTML5: Structure, Syntax, and Semantics (04h 34m)
James Williamson

Are you sure you want to delete this bookmark?

cancel

Bookmark this Tutorial

Name

Description

{0} characters left

Tags

Separate tags with a space. Use quotes around multi-word tags. Suggested Tags:
loading
cancel

bookmark this course

Name

Description

{0} characters left

Tags

Separate tags with a space. Use quotes around multi-word tags. Suggested Tags:
loading

Your queue is full.

Make room for this course by removing some things already in your queue.

go to queue

You must be a lynda.com member to watch this video.

Every course in the lynda.com Online Training Library® contains free movies that let you assess the quality of our tutorials before you subscribe—just click on the blue links to watch them. Become a member to access all 77,374 instructional videos.


If you are already an active lynda.com member, please log in to access the Online Training Library®.

Get access to all lynda.com tutorials

You are currently signed into your admin account, which doesn't let you view lynda.com tutorials. For full access to the Online Training Library®, log in through iplogin.lynda.com, or sign in through your organization's portal. You may also request a user account by calling (888) 335-9632 or emailing us at sales@lynda.com.

Get access to all lynda.com tutorials

You are currently signed into your admin account, which doesn't let you view lynda.com tutorials. For full access to the Online Training Library®, log in through iplogin.lynda.com, or sign in through your organization's portal. You may also request a user account by calling (888) 335-9632 or emailing us at sales@lynda.com.

Access to lynda.com tutorials

Your organization has a limited access membership to the lynda.com Online Training Library® that allows access to only a specific, limited selection of courses.