CourseFlix

Learn CSS Today

9h 31m 49s
English
Paid

Learn modern CSS features and advanced CSS concepts in less than a day with this highly focused project-based CSS course. 

What Will You Get?

  • Access to all HD course videos covering topics from the fundamentals to advanced animations
    • 61 Videos
    • 21 Project Tutorials
    • 9 Project Exercises
  • Source code for every project broken down by video
  • All future updates free of charge
  • Exclusive access to the Learn CSS Today Discord channel where you can talk with me and all other members of the course

Additional

https://github.com/WebDevSimplified/Learn-CSS-Today 

About the Author: Web Dev Simplified (Kyle Cook)

Web Dev Simplified (Kyle Cook) thumbnail

Web Dev Simplified (webdevsimplified.com) is the online course platform of Kyle Cook, a US developer behind one of the larger independent web-development YouTube channels. The channel publishes weekly tutorials on JavaScript, React, CSS, and the modern web ecosystem, with paid courses extending the most-requested topics into deeper long-form material.

The course catalog covers JavaScript fundamentals (the canonical JavaScript Simplified course), modern CSS (including Grid, Flexbox, animations), React deep-dives, the testing tracks, and the algorithm / data-structure material aimed at junior developers preparing for early-career interviews. Material is taught at a deliberately accessible level for self-taught developers.

The CourseFlix listing under this source carries 9 Web Dev Simplified courses spanning that range. Material is paid; courses are sold individually on the original platform. Courses are aimed primarily at junior and self-taught developers building real proficiency.

Watch Online 61 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 61 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: 01 - What Is CSS?
All Course Lessons (61)
#Lesson TitleDurationAccess
1
01 - What Is CSS? Demo
02:11
2
02 - Basic Syntax
11:30
3
03 - How To Add CSS
06:31
4
04 - Comments
02:59
5
05 - Inheritance
04:03
6
06 - Your First CSS Project - A Simple Blog
09:36
7
07 - User Profile Introduction
01:43
8
08 - User Profile Project Walkthrough
05:40
9
09 - Color
12:41
10
10 - Specificity
12:28
11
11 - Pseudo Classes
11:52
12
12 - Box Model
13:09
13
13 - Units
11:37
14
14 - Button Component Library Project
23:17
15
15 - Input Component Library Introduction
01:20
16
16 - Input Component Library Project Walkthrough
11:20
17
17 - Module One Final Project - Portfolio
27:15
18
18 - Document Flow
08:26
19
19 - Floats
04:35
20
20 - Flexbox
19:18
21
21 - Modal Project
13:56
22
22 - Navbar Project Introduction
00:45
23
23 - Navbar Project Walkthrough
04:50
24
24 - Grid
25:09
25
25 - Grid Home Page Project
12:19
26
26 - Image Gallery Project Introduction
00:57
27
27 - Image Gallery Project Walkthrough
07:03
28
28 - Position
10:45
29
29 - Z-Index
07:35
30
30 - Multi-Column Layout
08:02
31
31 - Overflow
04:38
32
32 - Bootcamp Landing Page
38:56
33
33 - Custom Properties
10:05
34
34 - Calc
05:28
35
35 - Button Component Library Project Upgrade
10:32
36
36 - Input Component Library Upgrade Introduction
00:51
37
37 - Input Component Library Project Upgrade Walkthrough
04:03
38
38 - Advanced Selectors
11:14
39
39 - Pseudo Elements
06:29
40
40 - Custom Checkbox Project
12:13
41
41 - Tooltip Project
14:22
42
42 - Advanced Margins
02:54
43
43 - CSS Resets
03:22
44
44 - Browser Support
03:50
45
45 - Feature Query
05:49
46
46 - Media Query
05:54
47
47 - Custom Fonts
08:57
48
48 - Bootcamp Landing Page Pricing Section
23:20
49
49 - Transition Property
08:08
50
50 - Button Transition Project Introduction
00:56
51
51 - Button Transition Project Walkthrough
05:02
52
52 - Animation Property
14:11
53
53 - Transform Property
10:34
54
54 - Button Animation Project
09:25
55
55 - Loading Text Project Introduction
00:44
56
56 - Loading Text Project Walkthrough
08:08
57
57 - Tooltip Animation Project
06:36
58
58 - Perspective Property
07:42
59
59 - 3D Cube Project
11:19
60
60 - Bootcamp Landing Page Animations
18:58
61
61 - Next Steps
04:17
Unlock unlimited learning

Get instant access to all 60 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Course content

61 lessons · 9h 31m 49s
Show all 61 lessons
  1. 1 01 - What Is CSS? 02:11
  2. 2 02 - Basic Syntax 11:30
  3. 3 03 - How To Add CSS 06:31
  4. 4 04 - Comments 02:59
  5. 5 05 - Inheritance 04:03
  6. 6 06 - Your First CSS Project - A Simple Blog 09:36
  7. 7 07 - User Profile Introduction 01:43
  8. 8 08 - User Profile Project Walkthrough 05:40
  9. 9 09 - Color 12:41
  10. 10 10 - Specificity 12:28
  11. 11 11 - Pseudo Classes 11:52
  12. 12 12 - Box Model 13:09
  13. 13 13 - Units 11:37
  14. 14 14 - Button Component Library Project 23:17
  15. 15 15 - Input Component Library Introduction 01:20
  16. 16 16 - Input Component Library Project Walkthrough 11:20
  17. 17 17 - Module One Final Project - Portfolio 27:15
  18. 18 18 - Document Flow 08:26
  19. 19 19 - Floats 04:35
  20. 20 20 - Flexbox 19:18
  21. 21 21 - Modal Project 13:56
  22. 22 22 - Navbar Project Introduction 00:45
  23. 23 23 - Navbar Project Walkthrough 04:50
  24. 24 24 - Grid 25:09
  25. 25 25 - Grid Home Page Project 12:19
  26. 26 26 - Image Gallery Project Introduction 00:57
  27. 27 27 - Image Gallery Project Walkthrough 07:03
  28. 28 28 - Position 10:45
  29. 29 29 - Z-Index 07:35
  30. 30 30 - Multi-Column Layout 08:02
  31. 31 31 - Overflow 04:38
  32. 32 32 - Bootcamp Landing Page 38:56
  33. 33 33 - Custom Properties 10:05
  34. 34 34 - Calc 05:28
  35. 35 35 - Button Component Library Project Upgrade 10:32
  36. 36 36 - Input Component Library Upgrade Introduction 00:51
  37. 37 37 - Input Component Library Project Upgrade Walkthrough 04:03
  38. 38 38 - Advanced Selectors 11:14
  39. 39 39 - Pseudo Elements 06:29
  40. 40 40 - Custom Checkbox Project 12:13
  41. 41 41 - Tooltip Project 14:22
  42. 42 42 - Advanced Margins 02:54
  43. 43 43 - CSS Resets 03:22
  44. 44 44 - Browser Support 03:50
  45. 45 45 - Feature Query 05:49
  46. 46 46 - Media Query 05:54
  47. 47 47 - Custom Fonts 08:57
  48. 48 48 - Bootcamp Landing Page Pricing Section 23:20
  49. 49 49 - Transition Property 08:08
  50. 50 50 - Button Transition Project Introduction 00:56
  51. 51 51 - Button Transition Project Walkthrough 05:02
  52. 52 52 - Animation Property 14:11
  53. 53 53 - Transform Property 10:34
  54. 54 54 - Button Animation Project 09:25
  55. 55 55 - Loading Text Project Introduction 00:44
  56. 56 56 - Loading Text Project Walkthrough 08:08
  57. 57 57 - Tooltip Animation Project 06:36
  58. 58 58 - Perspective Property 07:42
  59. 59 59 - 3D Cube Project 11:19
  60. 60 60 - Bootcamp Landing Page Animations 18:58
  61. 61 61 - Next Steps 04:17

Related courses

  • The Responsive Web Design Bootcamp thumbnail

    The Responsive Web Design Bootcamp

    By: Kevin Powell
    It gives you a deep understanding of CSS and responsive design while keeping you fully engaged along the way.
    17 hours 36 minutes 12 seconds
  • The Ultimate HTML5 & CSS3 Series: Part 3 thumbnailFree

    The Ultimate HTML5 & CSS3 Series: Part 3

    By: Mosh Hamedani (Code with Mosh)
    Join The Ultimate HTML5 & CSS3 Series Part 3 for a comprehensive learning experience. Build professional-quality websites with modern HTML5 and CSS3 techniques.
    5 hours 38 minutes 4 seconds 5 / 5
  • CSS - The Complete Guide 2022 (incl. Flexbox, Grid & Sass) thumbnail

    CSS - The Complete Guide 2022 (incl. Flexbox, Grid & Sass)

    By: Udemy, Academind Pro (Maximilian Schwarzmüller)
    CSS - short for C ascading S tyle S heets - is a "programming language" you use to turn your raw HTML pages into real beautiful websites.
    20 hours 54 minutes 47 seconds 5 / 5

Frequently asked questions

What is Learn CSS Today about?
Learn modern CSS features and advanced CSS concepts in less than a day with this highly focused project-based CSS course.
Who teaches Learn CSS Today?
Learn CSS Today is taught by Web Dev Simplified (Kyle Cook). You can find more courses by this instructor on the corresponding source page.
How long is Learn CSS Today?
Learn CSS Today contains 61 lessons with a total runtime of 9 hours 31 minutes. All lessons are available to watch online at your own pace.
Is Learn CSS Today free to watch?
Learn CSS Today is part of CourseFlix's premium catalog. A CourseFlix subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch Learn CSS Today online?
Learn CSS Today is available to watch online on CourseFlix at https://courseflix.net/course/learn-css-today. The page hosts every lesson with the integrated video player; no download is required.