Advanced Options, Responsive Web Design, and Management with CSS3

This course is included in our On-demand training solution.

Overview

CSS3 specifications include new and sophisticated options for layout and graphics. However, it is crucial to implement responsive web design which takes account of devices and browser support for CSS3 features. Additionally, you may want to harness scripting languages such as JavaScript to manage CSS3 styles as they become more complex. In this course, you will learn about the latest specifications for layout and graphics in CSS3, you will learn how to implement responsive web design, and you will learn how to manage CSS styles with scripts.

Target Audience

C# Developers with basic knowledge of Windows Store app development who want to learn how to configure a Windows Store app to capture and stream media and interact with sensors and devices; individuals preparing for the exam 70-485 Advanced Windows Store Apps Development Using C#

Prerequisites

none

Expected Duration

90 min.

Course Objectives

Course Introduction

Using the Flexible Box Model

  • use the CSS3 FlexBox for layout
  • Using the Grid Box

  • outline the support for CSS3 grid and use it for layout
  • Using Regions

  • outline the support for CSS3 regions and use them for layout
  • Using Exclusions

  • outline the support for CSS3 exclusions and use them for layout
  • Using Shapes

  • outline support for and implement the CSS3 Shapes specification
  • Using CSS Filters

  • outline support for and implement the CSS3 Filters specification
  • Using CSS Masking

  • outline support for and implement CSS3 masking
  • Compositing and Blending

  • outline support for and implement CSS3 clipping and blending
  • Media Queries

  • use CSS media queries to tailor content for specific devices
  • Working with Multiple Screen Sizes

  • use CSS to display content correctly on multiple screen sizes
  • Using Modernizr

  • use Modernizr to detect CSS3 feature support
  • Making Images Responsive

  • use CSS to configure responsive images
  • Resizing Elements Dynamically

  • use CSS to resize elements dynamically
  • Generating Content using CSS

  • use CSS3 to generate content
  • Accessing an Element’s CSS Styles with JavaScript

  • access an element’s CSS styles with JavaScript
  • Changing an Element’s CSS Styles with JavaScript

  • change an element’s CSS styles with JavaScript
  • Accessing CSS Style Sheets with JavaScript

  • access CSS style sheets with JavaScript
  • Adding a CSS Style Sheet with JavaScript

  • add a CSS style sheet with JavaScript
  • Removing a CSS Style with JavaScript

  • remove a CSS style with JavaScript
  • Enabling or Disabling a CSS Style Sheet with JavaScript

  • enable or disable a CSS style sheet with JavaScript
  • Manipulating CSS with jQuery

  • manipulate CSS with jQuery
  • Exercise: Create Responsive Designs and Manage CSS

    MONTHLY SUBSCRIPTION

    $129/month
     

    ANNUAL SUBSCRIPTION

    $1295/year

    Multi-license discounts available for Annual and Monthly subscriptions.