Responsive Web Design

Course Requirements: To get the most out of this course, you'll need your favorite code editor and ideally a couple of devices to test on. If you don't have a tablet and phone for testing, then you'll want to get ahold of a simulator or use one of the many device testing services online to follow along. You could, theoretically, follow along by resizing your browser, but I highly recommend against it—you'll get much more out of it by seeing how things behave on different devices.

User Level: Beginning/Intermediate

System Requirements:
Mac: OS X 10.7.5+ and Safari 6.0+
PC: Windows Vista+ and Firefox 22+
Hardware: DVD-ROM drive

Please Note:
* This DVD-ROM can be viewed on your computer, but it will NOT play in a DVD movie player.

* The course uses pop-ups; please enable them in your browser. For more information on how to enable Pop-ups please see our Learn By Video FAQ page peachpit.com/promotions/learn-by-video-faq-139397

TOPIC RESPONSIVE WEB DESIGN What is Responsive Web Design History of mobile web design WHY IMPLEMENT RESPONSIVE WEB DESIGN Business benefits User benefits FLUID LAYOUTS Fluid Layouts Fluid Layout example MEDIA QUERIES Media Queries Media Query example RESPONSIVE MEDIA Responsive Media Responsive Media example PLANNING Planning Planning scenarios DESIGN WORKFLOW Design Workflow Design Workflow examples CONTENT HIERARCHY Content Hierarchy Content Hierarchy examples RESS (improve performance) RESS (improve performance) RESS examples EXPERIENCES Experiences Experience examples QUALITY ASSURANCE Testing across the continuum |SUMMARY|