Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Build Custom Interfaces Using CSS Open Props

Learn With Jason via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Discover how to create stunning interfaces and animations using CSS Open Props in this comprehensive video tutorial. Learn from Adam Argyle as he explains the origins and functionality of Open Props, a versatile design system. Explore color management, get started with Open Props, and dive into CSS Modules. Follow along as Adam demonstrates building a form for a new episode, working with gradients, integrating Open Props into NextJS, and utilizing masks. Gain insights on where to find more information about Open Props and access valuable resources. With a duration of 1 hour and 31 minutes, this tutorial covers everything from basic concepts to advanced techniques, providing a solid foundation for creating custom interfaces using CSS Open Props.

Syllabus

- Welcome
- Who is Adam Argyle?
- What is Open Props?
- Where did CSS Open Props come from?
- What’s going on with color?
- How should I get started with Open Props?
- CSS Modules time
- Building a form for a new episode
- Gradients
- Pulling it into NextJS
- Masks in Open Props
- Where can people learn more about Open Props?

Taught by

Learn With Jason

Reviews

Start your review of Build Custom Interfaces Using CSS Open Props

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.