Reverse-Engineering Stripe's Themes with CSS Custom Properties
Offered By: TheCoderCoder via YouTube
Course Description
Overview
Learn how to reverse-engineer Stripe's theme system using CSS custom properties in this 40-minute tutorial. Explore the Stripe website's design, create a mockup, and build responsive blocks with basic and theme styles. Discover techniques for generating theme colors and implementing a flexible styling approach that allows easy customization through CSS classes. Gain practical insights into modern web development practices and enhance your CSS skills by recreating a simplified version of Stripe's theming system.
Syllabus
- Intro
- Inspecting the Stripe website
- Fast forward designing the mockup
- Building out the blocks
- Adding basic styles
- Adding theme styles
Taught by
Coder Coder
Related Courses
User Experience for the WebOpen2Study Writing for the Web
Open2Study Web-Engineering I: Grundlagen der Web-Entwicklung
iversity Human-Computer Interaction Design
University of California, San Diego via Coursera Ruby مدخل إلى برمجة مواقع الإنترنت باستخدام لغة
Rwaq (رواق)