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

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.

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

IT'S NOT CALLED CSS4
You can find the different levels over at CSS Working Group Drafts

06:24

CSS Custom Properties (CSS Variables)
Bite and chew over the syntax - it's backwards compatible
What's the difference between this and Sass/Less/Stylus?
JavaScript30.com Day 3 uses JavaScript + CSS Variables
CSS Tricks: The CSS attr() function got nothin’ on custom properties
Independent Transforms - transform: rotateX(var(--x)) translateY(var(--y));

19:20

CSS Filters
Drop Shadow Filter
SVG Filters

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!

Wes' Twitter
Wes' Instagram
Wes' Facebook
Scott's Twitter
Scott's Instagram
Make sure to include @SynaxFM in your tweets

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

Syntax - Tasty Web Development Treats

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