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
Dal Reverse engineering alla stampa 3DUniversity of Naples Federico II via Federica Rapid Manufacturing
Indian Institute of Technology Kanpur via Swayam Generative Design for Industrial Applications
Autodesk via Coursera Fundamentos de Ciberseguridad: un enfoque práctico
Inter-American Development Bank via edX Functional And Conceptual Design
Indian Institute of Technology Madras via Swayam