DEV Community

Syntax - Tasty Web Development Treats

What's New in CSS? Variables, Scoping, New Selectors and Color Functions

Wes and Scott talk about the future of CSS - what is new and what should we expect to be coming in the near future?

Bug Replay - Sponsor

You need to try out Bug Replay for recording and re-playing browser based bugs. It's a bug reporting tool that can be used at all stages of development and by anyone in your organization. Provide your dev team with detailed reports so they can fix bugs faster.

Freshbooks - Sponsor

If you are a small business or freelancer check out Freshbooks.com Cloud Accountingand get 30 days free. Make sure to enter SYNTAX into the "How did you hear about us" section.

The Show Notes!

03:30

06:24

19:20

28:20

31:00

36:00

  • CSS Level 4 Selectors
  • ITS NOT CSS4!!!!!!
  • css4.rocks

40:00

  • nth-of-selectoed
  • :nth-child(3n of img.dog)
  • div:has(img)

44:00

  • Some not-so-new-but-still-cool units
  • Viewport Units
  • min-height: 100vh
  • ch units
  • ex units
  • CSS Angles - deg(), grad(), rad(), turn()
Sick Picks Tweet us your tasty treats!

Episode source