Completed
Making a component responsive
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Web Design for Beginners
Automatically move to the next video in the Classroom when playback concludes
- 1 Welcome!
- 2 Course brief and assignment
- 3 UI design vs. UX design vs. web design
- 4 Learning to work with project briefs
- 5 Working with wireframes
- 6 Picking the right design tool
- 7 Color theory
- 8 Color harmonies, psychology and tools
- 9 Creating a color palette for our project
- 10 Let’s talk about typography
- 11 Creating the typography for our project
- 12 Spacing and sizing in web design
- 13 Using icons and images in web design
- 14 Definition and use cases for headers
- 15 Let’s design a header
- 16 Definition and use cases for hero areas
- 17 Let’s design a hero area
- 18 Definition and use cases for buttons
- 19 Let’s design some buttons
- 20 Definition and use cases for image galleries
- 21 Let’s design an image gallery
- 22 Definition and use cases for footers
- 23 Let’s design the footer
- 24 Definition and use cases for testimonials
- 25 Let’s design some testimonials
- 26 Definition and use cases for tabs
- 27 Let’s design some tabs
- 28 Definition and use cases for accordions
- 29 Let's design an accordion
- 30 Definition and use cases for contact forms
- 31 Let’s design a contact form
- 32 What is a responsive website?
- 33 Making layout changes for tablets and phones
- 34 Making a component responsive
- 35 A quick word about prototyping
- 36 Next steps and key takeaways
