A step-by-step demonstration of five new hot CSS features
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
src
.gitignore
README.md
package-lock.json
package.json

README.md

Hot new CSS features

This repo accompanies a tutorial written for Web Designer magazine which shows you how and when to use five hot new CSS features.

  • display: contents;
  • @supports(...) {...} feature queries
  • overscroll-behavior: contain;
  • :focus-within and :placeholder-shown pseudo-classes
  • contain: paint;

Requirements

  • Node.js
  • npm
  • A modern browser

Install

npm install

Start

npm start

Your browser will automatically open the tutorial.


Made by Daniel Crisp - danielcrisp.com