Cutting Edge CSS

This is the repository for the LinkedIn Learning course Cutting Edge CSS. The full course is available from LinkedIn Learning.

CSS evolves rapidly, and it can be difficult to stay on top of the most recent modules, features, and best practices. In this course, Morten Rand-Hendriksen aims to fill this gap by riding the bleeding edge of CSS to showcase what’s new, what’s possible, and how to use cutting edge CSS in a safe way in production. To do this, Morten uses one of the least-cutting edge methods possible, paper. But by cutting away as much distraction as possible, Morten helps you visualize how CSS code relates to the actual browser output, which is key to mastering CSS.

Instructions

This course has no exercise files. Below is a list of links to relevant documentation for all the techniques covered in the course, sorted by chapter.

Documentation Links

Chapter 1: Core Principles

• Logical properties
• Position
• Collapsing margins

Chapter 2: Selectors

• Tree-structural Pseudo-Classes
  • :first-child
  • :last-child
  • :only-child
  • :first-of-type
  • :last-of-type
  • :only-of-type
  • :nth-child
  • :nth-last-child
  • :nth-of-type
  • :nth-last-of-type
• Container queries
• :is()
• :where()

Chapter 3: Layout

• clamp()
• Viewport Units
  • Viewport concepts
  • Length units
  • Viewport-relative units
• Flex (Flexbox)
• Grid layout
• grid-auto-flow

Instructor

Morten Rand-Hendriksen

Developer and Senior Staff Instructor

Check out my other courses on LinkedIn Learning.