Sharing Is Caring:

All The Way CSS – The Complete CSS Adventure

  • What You Really Should Know
  • Free tutorial
  • Rating: 3.7 out of 53.7 (205 ratings)
  • 17,381 students
  • 5hr 27min of on-demand video

Created by Philipp Rost


What you’ll learn

  • CSS Attribute Selectors
  • CSS Pseudo Classes
  • CSS Gradients
  • CSS Animations
  • CSS Transitions
  • CSS Basic Shapes
  • How to draw with CSS
  • How to create custom radio buttons
  • How to create a timeline
  • How to style select dropdowns
  • CSS Forms


  • HTML Basics


Welcome to my All About CSS – The Complete CSS Adventure course! 

My name is Philipp and I work as Software Engineer/Front-End Developer. I want to take you with me on this exciting adventure where we learn about CSS Selectors, Pseudo Elements and much much more. We will create together awesome projects such as a really cool Timeline or we will draw a cute little bear with pure CSS. 

Additionally I offer you little questions between my lessons so you deepen the learned features of CSS. It does not matter if you are new to CSS or if you know already some. Maybe you want to become a Web Developer or this is just your hobby and you want to create cool Websites. In both cases you are perfectly prepared in the end of this course to encounter numerous obstacles.

Read Also -->   The Ultimate Computer Vision and Deep Learning Course

This course contains: 

  • 41 Lessons
  • 6 Quizzes
  • 6 Projects (Loading Spinner, Timeline, CSS Terminal, CSS Slider, CSS Bear, Sticky Navigation)

To continue improving my courses I would like when you give me your feedback to the course. Feel also always free to contact me in case you have questions or you just want to talk to me. 

I hope you have fun and enjoy my course.

Who this course is for:

  • CSS Beginners
  • Everyone who wants to become a Front End Developer
  • Webdesigner
  • Everyone who wants to improve their CSS skill
  • Everyone who wants to bring their CSS to the next level

Show less

Course content

13 sections • 41 lectures • 5h 26m total lengthCollapse all sections

Course Preparation3 lectures • 15min

  • Introduction01:33
  • Visual Studio Code09:49
  • Browser Safari or Chrome03:12

CSS Box Model5 lectures • 45min

  • What is the box model?13:58
  • The content of the box07:11
  • The display property07:23
  • Images as inline elements02:52
  • Positioning13:28
  • Position Relative, Absolute or Fixed?3 questions

Anchor Tags1 lecture • 12min

  • The Anchor Tag11:30

CSS Lists3 lectures • 24min

  • Ordered Lists05:51
  • unordered lists04:58
  • Project Sticky Navigation12:53

CSS Selectors7 lectures • 52min

  • Basic Selectors08:29
  • Universal Selector04:24
  • Attribute Selectors05:32
  • Attribute Selectors4 questions
  • Pseudo Classes08:38
  • Pseudo Classes Extra05:28
  • Pseudo Elements03:41
  • Pseudo Classes & Elements Quiz4 questions
  • Project Timeline: before & after16:14

Forms3 lectures • 31min

  • The Form Element04:40
  • Inputs and Labels08:44
  • Creating a Login Form17:08

Drawing with CSS5 lectures • 34min

  • How to create a Triangle08:47
  • How to create a Ribbon04:42
  • How to create an Octagon06:04
  • How to create a Heart05:16
  • Drawing a Bear09:39
  • Shapes of CSS2 questions

CSS Animations and Transitions4 lectures • 33min

  • CSS Transitions14:47
  • CSS Animations05:35
  • Animation Example07:42
  • Animations Quiz2 questions
  • Creating a loading spinner05:16

CSS Gradients4 lectures • 27min

  • Linear Gradients09:34
  • Radial Gradients11:44
  • Diagonal Gradients02:00
  • Gradient Pattern03:59
  • Gradients Quiz3 questions
Read Also -->   How to speak to anyone & be fearless - in less than 55 min

CSS Clipping1 lecture • 4min

  • Clipping04:27

Project 1: Fullscreen Slider2 lectures • 21min

  • HTML Structure and basic styling11:51
  • Finishing Project08:45

Project 2: CSS Terminal1 lecture • 10min

  • Let’s create our CSS Terminal09:42

How to2 lectures • 19min

  • How to style a select element?09:14
  • How to create custom radiobuttons09:55

👇👇👇👇 Click Below to Enroll in Free Udemy Course 👇👇👇👇

Go to Course

👇👇 See Also 👇👇

Join Us Join Us Join Us
Sharing Is Caring:

Leave a Comment

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
Best Wordpress Adblock Detecting Plugin | CHP Adblock