- ホーム
- > 洋書
- > 英文書
- > Internet / General
Full Description
Responsive design isn't merely another technique. It's a way of building sites and applications that requires a fundamental shift in approach. From planning to development, every aspect of building for the web is affected.This video course starts by explaining the three primary components of responsive design: fluid layouts, media queries and responsive images. With a firm understanding of those in place, we branch out and explore how responsive design impacts workflow, how to maintain the hierarchy of content, how to use feature detection to enhance the experience, how to organize your JavaScript to play along nicely, how to optimize responsive sites for performance-and more.Course objectives & goals: This course arms its students with the skills necessary to start building quality responsive sites today. By the end of the course, students will know how to:Use fluid layouts, media queries and fluid images to create responsive layoutsUse responsive image techniques to serve appropriately sized images to a variety of devicesEnsure that the hierarchy of content is preserved across screen sizesEnhance the functionality of your site with feature detectionImprove the performance of your site and avoid becoming another example of "fat" responsive designAdjust your existing workflow to better accomodate multi-device design and developmentDetermine what devices to test on and howCourse 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/IntermediateSystem RequirementsMac OS X 10.6, Microsoft Windows XP, or higherGHz processor or higher2 GB RAM or higher1 GB Free HD Space (does not include lesson files)Please note that this DVD can be viewed only on a computer. It will not work in DVD-Video player software or a DVD set-top player.
Contents
TOPICRESPONSIVE WEB DESIGNWhat is Responsive Web DesignHistory of mobile web designWHY IMPLEMENT RESPONSIVE WEB DESIGNBusiness benefitsUser benefitsFLUID LAYOUTSFluid LayoutsFluid Layout exampleMEDIA QUERIESMedia QueriesMedia Query exampleRESPONSIVE MEDIAResponsive MediaResponsive Media examplePLANNINGPlanningPlanning scenariosDESIGN WORKFLOWDesign WorkflowDesign Workflow examplesCONTENT HIERARCHYContent HierarchyContent Hierarchy examplesRESS (improve performance)RESS (improve performance)RESS examplesEXPERIENCESExperiencesExperience examplesQUALITY ASSURANCETesting across the continuum|SUMMARY|
