Get 20% off all career paths from fullstack to AI
2,000+ Free Courses with Certificates: Coding, AI, SQL, and More
Overview
Google, IBM & Meta Certificates – 40% Off
One plan covers every Professional Certificate on Coursera.
Unlock All Certificates
Discover five essential CSS tips that can elevate your development skills in this 26-minute tutorial video. Learn about powerful techniques including single-color gradients with browser support information, the user-select property for controlling text selection behavior, the versatile "all" property for efficient style resets, CSS masks for creating interesting visual effects, and advanced techniques for escaping scroll containers using containing blocks. The video also covers anchor positioning and provides practical use cases for each technique. Complete with timestamps for easy navigation and links to additional resources including browser support documentation, related videos, and CSS generators. Perfect for developers looking to enhance their CSS toolkit with practical, immediately applicable techniques that can solve common design challenges.
Syllabus
00:00 - Introduction
00:35 - Single-colour gradients
05:25 - Second use case for single-colour gradients
06:50 - user-select
10:12 - the all property
14:24 - masks
17:40 - taking advantage of containing blocks to escape scroll containers
23:20 - anchor-positioning
Taught by
Kevin Powell