Cutting-Edge CSS
25mIntermediate2021-12-15
Authors

Morten Rand-Hendriksen
Senior Staff Instructor, Speaker, Web Designer, and Software Developer
Course details
CSS evolves rapidly, and it can be difficult to stay on top of the most recent modules, features, and best practices. In this course, Morten Rand-Hendriksen aims to fill this gap by riding the bleeding edge of CSS to showcase what’s new, what’s possible, and how to use cutting edge CSS in a safe way in production. To do this, Morten uses one of the least-cutting edge methods possible, paper. But by cutting away as much distraction as possible, Morten helps you visualize how CSS code relates to the actual browser output, which is key to mastering CSS.
Skills covered
Responsive Web DesignCSSWeb StandardsWeb DesignFront-End Web DevelopmentWeb DevelopmentOpen SourceOne-Off
Concepts
0. Introduction
- 01 - Cutting-edge CSS
- 02 - Exercise files
1. Core Principles
- 03 - What are logical properties
- 04 - Position explained
- 05 - Why margins collapse
2. Selectors
- 06 - Counting with CSS
- 07 - Container queries
- 08 - The difference between - is and - where
3. Layout
- 09 - How the clamp() function works
- 10 - Beyond viewport width
- 11 - Flex vs. grid - Content out or layout in
- 12 - Making sense of grid-auto-flow
Conclusion
- 13 - Next steps
Related courses
- Modern CSS Techniques without JavaScript
- Advanced LLMOps: Deploying and Managing LLMs in Production
- Post-Production Productivity
- DevOps Foundations: Distributed Tracing
- KONTAKT: Advanced Instrumentation and Sound Design
- BATTERY: Drum Programming and Sampling
- Generative AI for Cyber Range and Training
- Data Mesh Architecture: Core Concepts
Related learn paths
- The Top Skills Engineering Professionals Have Right Now
- Stay Ahead in Additive Manufacturing and 3D Printing
- Advance Your Skills in User Experience Design
- A Developer's Guide to Google Gemini
- Leverage AI as a Cybersecurity Analyst
- Generative AI for Recruiting Professional Certificate by LinkedIn Learning
- Become a Mix Engineer
- Become a Certified CAD Designer with SOLIDWORKS