Coronavirus (COVID-19) information: All courses at all locations are running as live online classes. Our offices remain open with limited staff. Learn more.

×

Web Development Level 2 in NYC on Oct 17, 2020

CSS Intensive: Web Development Level II

Sat, Oct 17 2020 to
Sat, Oct 31 2020
10:00 a.m.
American Graphics Institute American Graphics Institute
AGI Training New York City
American Graphics Institute AGI Training New York
21 W 46th St.
New York NY 10036

2020-05-08 14:51:23 $975.00

Supercharge your CSS skills to create beautifully designed webpages in this hands-on class. Learn advanced styling techniques and key concepts for web development in this hands-on class. Code responsive images, make more flexible code with CSS variables, create animated effects, and more.

Download Course Description (PDF)     See all HTML Classes

CSS Intensive: Web Development Level II: Full Overview

Section 1

  • Normalize.css, Default Box Model, & More
  • Font-Weight, Font-Style, & Unitless Line-Height
  • Box Model: Content-Box vs. Border-Box
  • Intro to SVG (Scalable Vector Graphics)

Section 2

  • Embedding SVG
  • SVG Sprites
  • CSS Position Property
  • Creating a Fixed Navbar & RGBA Color

Section 3

  • CSS Background Gradients & Gradient Patterns
  • Multiple Backgrounds & Viewport Sizing Units (vw)
  • Creating Columns with Inline-Block & Calc()
  • CSS Variables (Custom Properties)

Section 4

  • Relational Selectors
  • Pseudo-Elements & the Content Property
  • Attribute Selectors
  • Styling Forms with Attribute Selectors
  • Relative Sizes: Em and Rem

Section 5

  • Flix: Creating a Scrollable Area
  • Flix: Media Queries for Retina/HiDPI Graphics
  • Responsive Images
  • Off-Screen Side Nav Using Only CSS

Section 6

  • Box-Shadow, Text-Shadow, & Z-Index
  • Hiding & Showing: Display, Visibility, & Opacity
  • CSS Transitions
  • CSS Transforms with Transitions