- Overview
- Transcript
1.1 Introduction
Welcome to the future! In this course, you will learn about some of the new CSS features being discussed right now. In this course we’ll look at some interesting proposals for CSS selectors, layout modules, filters and other dynamic features. Not all that we cover will become standard, but it’s always good to understand what’s on the table at the W3C.
1.Welcome2 lessons, 06:09
1.1Introduction01:38
1.2The Standardization Process04:31
2.Level 4 Selectors6 lessons, 40:47
2.1The Negation Pseudo-Class07:13
2.2The :has Pseudo-Class09:07
2.3Combining :has and :not08:22
2.4Efficient Selection With :matches07:16
2.5Working With Links05:02
2.6Selecting :blank Elements03:47
3.Styling Tables2 lessons, 12:56
3.1Selecting Table Columns04:50
3.2Column Pseudo-Classes08:06
4.Layout Options3 lessons, 24:50
4.1The Grid Layout03:59
4.2Implementing the Grid Layout10:25
4.3The Flexbox Model10:26
5.Other Options5 lessons, 45:31
5.1Scoped Styles06:20
5.2Introducing Blend Modes04:20
5.3Implementing Blend Modes09:16
5.4Using calc()14:05
5.5CSS Variables11:30
6.Conclusion1 lesson, 02:42
6.1Final Thoughts02:42
1.1 Introduction
Hello, and welcome to the CSS of the future. My name is Craig Campbell. I've been working in web design and development for 15 years, and the one thing that has remained constant in that time is that things are always changing. When I first began learning web design in the late 90s, I very rarely used any CSS properties other than font family, font size and color. And I missed out on a very promising job opportunity early in my career because companies had started using CSS for content layout, while I was still stuck in the messy world of tables and call spans. One of my main goals in this series is to keep you from making the same mistake. In a world where technology is always evolving, it's important to stay on top of the latest trends. So in this course, I wanna take a look into the future of CSS. We're going to spend a little bit of time talking about the W3C and how CSS specifications are developed. And then we'll get into the nitty-gritty of future CSS as we take a look at various selectors, and pseudo-classes, and concepts that we can hopefully look forward to implementing in the next few years. Now if you're following along with this course, then you probably want to download the project files from the course website. These files contain the code that we will be working through for the duration of the course. So thank you for watching, and in the next lesson, we'll get started.