Animation, Devices, & Performance

Responsive Web Design    |    Intermediate
  • 10 videos | 44m 57s
  • Earns a Badge
Rating 4.0 of 1 users Rating 4.0 of 1 users (1)
Mobile devices have forced web applications to be more responsive. Learn how to configure devices, and apply process and performance procedures as part of a responsive web design solution.

WHAT YOU WILL LEARN

  • Use media queries to generate styles for different devices
    Manage elements in transition as part of a responsive web design
    Configure responsive keyframe animations
    Describe the concept of interacting with sensors and devices as part of responsive design, describe native apis and use geolocation api to fill out form addresses
    Use the networkinfo api to check for a network connection
  • Recognize the importance of device and feature detection and describe the use of the modernzr tool
    Identify the considerations for successful responsive web design
    Describe how using style tiles can help in the responsive design process
    Describe how to optimize performance for responsive applications configured to run on different devices
    Implement conditional loading

IN THIS COURSE

  • 6m 38s
    In this video, find out how to use media queries to generate styles for different devices. FREE ACCESS
  • 5m 47s
    In this video, you will learn how to manage elements in transition as part of a responsive web design. FREE ACCESS
  • Locked
    3.  Responsive Keyframe Animations
    4m 30s
    Find out how to configure keyframe animations that are responsive. FREE ACCESS
  • Locked
    4.  Using Geolocation
    4m 31s
    Upon completion of this video, you will be able to describe the concept of interacting with sensors and devices as part of responsive design, describe native APIs, and use the Geolocation API to fill out form addresses. FREE ACCESS
  • Locked
    5.  Checking for a Network Connection
    4m 41s
    In this video, you will use the NetworkInfo API to check whether there is a network connection. FREE ACCESS
  • Locked
    6.  Feature Detection with Modernizr
    4m 2s
    Upon completion of this video, you will be able to recognize the importance of device and feature detection and describe the use of the Modernizr tool. FREE ACCESS
  • Locked
    7.  Flexible Design Considerations
    5m 29s
    In this video, you will learn about the considerations for successful responsive web design. FREE ACCESS
  • Locked
    8.  Using Style Tiles
    2m 38s
    After completing this video, you will be able to describe how style tiles can help in the responsive design process. FREE ACCESS
  • Locked
    9.  Optimizing Performance
    3m 36s
    After completing this video, you will be able to describe how to optimize performance for responsive applications configured to run on different devices. FREE ACCESS
  • Locked
    10.  Conditional Loading
    3m 5s
    Find out how to implement conditional loading. FREE ACCESS

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

Channel Mobility Core Concepts
Rating 5.0 of 1 users Rating 5.0 of 1 users (1)
Channel PhoneGap
Rating 5.0 of 1 users Rating 5.0 of 1 users (1)
Book Responsive Web Development: Web and Mobile Development with HTML5, CSS3, and Performance Guide