Syntax - Tasty Web Development Treats

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


Listen Later

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

  • 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

    • RRGGBBAA
    • Hex transparency in colors

    31:00

    • Colour Functions
    • CSS Next
    • Draft Spec for Color Functions

    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
    • Scott: Google Pixel 2 XL
  • Wes: Anker 5 Port 40w USB Charger
  • Anker 10 Port 60w USB Charger
  • Anker 5 Port 60w with a USB-C Port
  • 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
    ...more
    View all episodesView all episodes
    Download on the App Store

    Syntax - Tasty Web Development TreatsBy Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

    • 4.9
    • 4.9
    • 4.9
    • 4.9
    • 4.9

    4.9

    977 ratings


    More shows like Syntax - Tasty Web Development Treats

    View all
    Software Engineering Radio - the podcast for professional software developers by team@se-radio.net (SE-Radio Team)

    Software Engineering Radio - the podcast for professional software developers

    272 Listeners

    Hanselminutes with Scott Hanselman by Scott Hanselman

    Hanselminutes with Scott Hanselman

    383 Listeners

    The Changelog: Software Development, Open Source by Changelog Media

    The Changelog: Software Development, Open Source

    290 Listeners

    Software Engineering Daily by Software Engineering Daily

    Software Engineering Daily

    622 Listeners

    Talk Python To Me by Michael Kennedy

    Talk Python To Me

    584 Listeners

    Soft Skills Engineering by Jamison Dance and Dave Smith

    Soft Skills Engineering

    288 Listeners

    Thoughtworks Technology Podcast by Thoughtworks

    Thoughtworks Technology Podcast

    43 Listeners

    Python Bytes by Michael Kennedy and Brian Okken

    Python Bytes

    215 Listeners

    The freeCodeCamp Podcast by freeCodeCamp.org

    The freeCodeCamp Podcast

    487 Listeners

    CoRecursive: Coding Stories by Adam Gordon Bell - Software Developer

    CoRecursive: Coding Stories

    189 Listeners

    Practical AI by Practical AI LLC

    Practical AI

    205 Listeners

    The Stack Overflow Podcast by The Stack Overflow Podcast

    The Stack Overflow Podcast

    63 Listeners

    The Real Python Podcast by Real Python

    The Real Python Podcast

    141 Listeners

    PodRocket by LogRocket

    PodRocket

    60 Listeners

    Oxide and Friends by Oxide Computer Company

    Oxide and Friends

    66 Listeners