Back to Browse

Modern CSS Features You Should Know About

11.0K views
Feb 28, 2024
27:47

πŸ”΄ Patreon: https://www.patreon.com/joyofcode 𝕏 Twitter: https://twitter.com/joyofcodedev πŸ’¬ Discord: https://discord.com/invite/k6ZpwAKwwZ πŸ”₯ Uses: https://www.joyofcode.xyz/uses πŸ”— CSS Wrapped 2023: https://developer.chrome.com/blog/css-wrapped-2023 πŸ”— Learn CSS: https://web.dev/learn/css πŸ”— HD Gradients: https://gradient.style/ πŸ”– Timestamps 0:00 Intro 0:53 Architectural Foundations 1:09 Trigonometric Functions 1:50 Complex Selections 2:49 Scope 4:05 Nesting 5:00 Subgrid 6:24 Typography 6:39 Initial Letter 6:45 Text Balance 8:28 Colors 8:45 Color Spaces 10:28 Color Mixing 11:14 Relative Colors 14:04 Responsive CSS 14:11 Container Queries 16:09 Style Container Queries 17:06 :has() Selector 18:52 New Media Queries 19:20 Interaction 19:40 View Transitions 21:56 Linear-Easing Function 22:35 Scroll-Driven Animations 24:01 Discrete Property Animations 24:07 @starting-style 24:27 Overlay 25:37 Primitives For Common UI Patterns 25:47 Popover API 26:10 Horizontal Rules In Select 26:18 Easier Form Validation 26:32 Exclusive Accordion 27:08 Learn CSS 27:33 Outro #joyofcode #css

Download

1 formats

Video Formats

360pmp448.4 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Modern CSS Features You Should Know About | NatokHD