Learn AI, Data Science & Business — Earn Certificates That Get You Hired
Free courses from frontend to fullstack and AI
Overview
Google, IBM & Meta Certificates – 40% Off
One plan covers every Professional Certificate on Coursera.
Unlock All Certificates
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