Overview
This Specialization is your path to becoming a CSS pro!
During these four courses, you’ll learn to create responsive layouts, implement advanced CSS techniques, and build stunning visual effects including shadows, gradients, and animations. Next up, you'll find out how well you really know CSS with our bumper-pack of challenges. You'll recreate components and layouts from popular applications like Github, Codepen, and Instagram, and build loading animations, progress bars, flashcards and more using pure CSS!
The final course in this specialization focuses on Tailwind CSS, a modern utility-first framework that simplifies and speeds up your development process. By the end of the specialization, you’ll be equipped to craft visually appealing, scalable, and professional-grade websites.
Syllabus
Course 1: Responsive Web Essentials: Design & Navigation
- Offered by Scrimba. While we can all clearly recognize what a great user interface looks like, it's actually really hard to build one! ... Enroll for free.
Course 2: CSS UI Effects: Shadows, Gradients & Animations
- Offered by Scrimba. Transform your UI designs and web sites by combining shadows, gradients, and animations in this practical course. ... Enroll for free.
Course 3: Boost your CSS: Intermediate Challenges
- Offered by Scrimba. Find out how well you really know CSS with our bumper-pack of challenges. Recreate components and layouts from popular ... Enroll for free.
Course 4: Learn Tailwind CSS
- Offered by Scrimba. Unlock the power of Tailwind CSS in this hands-on course designed for all skill levels! You'll begin with the ... Enroll for free.
- Offered by Scrimba. While we can all clearly recognize what a great user interface looks like, it's actually really hard to build one! ... Enroll for free.
Course 2: CSS UI Effects: Shadows, Gradients & Animations
- Offered by Scrimba. Transform your UI designs and web sites by combining shadows, gradients, and animations in this practical course. ... Enroll for free.
Course 3: Boost your CSS: Intermediate Challenges
- Offered by Scrimba. Find out how well you really know CSS with our bumper-pack of challenges. Recreate components and layouts from popular ... Enroll for free.
Course 4: Learn Tailwind CSS
- Offered by Scrimba. Unlock the power of Tailwind CSS in this hands-on course designed for all skill levels! You'll begin with the ... Enroll for free.
Courses
-
Find out how well you really know CSS with our bumper-pack of challenges. Recreate components and layouts from popular applications like Github, Codepen, and Instagram, and build loading animations, progress bars, flashcards and more using pure CSS! This hands-on course will guide you through engaging challenges covering a wide range of CSS techniques. Along the way, you'll refresh and refine your knowledge of all the key CSS features, from transitions and pseudo-elements to hover effects, keyframe animations, and much more! Looking for practical CSS experience? This course has that, too! You'll put your knowledge to the test by recreating instantly-recognizable components from sites such as Github, Codepen, and Instagram. After completing each challenge, you'll compare your solution with the one provided by our in-house CSS expert. This experience is akin to pair programming, allowing you to learn from their expertise and gain valuable insights. By the end of this course, you will not only have a comprehensive understanding of CSS but also have gained practical experience in recreating components from well-known apps from around the web. This knowledge will equip you to tackle any CSS challenge with confidence. CSS knowledge at the ready? Let's get started.
-
Unlock the power of Tailwind CSS in this hands-on course designed for all skill levels! You'll begin with the essentials, exploring key concepts like element sizing, colors, padding, and margin, then progressively build up to more advanced techniques such as responsive design and modifiers. Through a mix of theory lessons and real-world projects, you’ll not only understand how to use Tailwind CSS but gain the skills to structure beautiful, flexible, and efficient layouts from scratch. With each lesson, you’ll add new styling methods to your toolkit, ensuring you’re prepared to create anything from simple webpages to complex, responsive interfaces. By the end, you’ll confidently build engaging and professional designs using Tailwind CSS. Skills Covered: - Responsive Design - Typography Styling - Layout and Positioning - Flexbox - Utility-based Styling
-
Transform your UI designs and web sites by combining shadows, gradients, and animations in this practical course. You’ll learn to create depth with soft and hard shadows, building layered, engaging visuals that enhance your layout. Discover how to apply subtle and dynamic gradients to backgrounds, buttons, and cards, achieving visually appealing effects that guide users’ attention. Finally, you'll bring your designs to life with UI animations, using transitions and hover effects to create a smooth, interactive experience. Each section of this course is hands-on, with challenges that help you apply your skills to real-world components. By the end, you’ll know how to add polish to any interface, creating designs that are functional, interactive, and visually compelling.
-
While we can all clearly recognize what a great user interface looks like, it's actually really hard to build one! That's exactly what this course is all about. In it, Gary Simon will turn you into a UI design master. He'll teach you UI design from the ground up, and give you the skills you need to make sure that your next project both looks good and feels good to use.
 You’ll start by defining a solid HTML structure, then explore mobile-first CSS techniques that lay a foundation for a flexible, accessible layout. Learn how to make your designs responsive with breakpoints, fluid grids, and adaptable components that work seamlessly across devices. You’ll apply skills through real-world challenges, working through each stage of responsive design with practical, engaging exercises. By the end, you’ll have the skills to develop responsive web pages and user-friendly interfaces.
Taught by
Gary Simon, Rachel Johnson and Treasure Porth