081: Trigonometric Functions

In this episode Una and Adam share practical use cases, syntax and strategies for all the new math functions in CSS. From trig to algebra, they'll help you get a good idea on where and how these fit into your UI toolbelt.
Links
Ana Tudor tests your browser for CSS math function support → goo.gle/4cmBm5r
Great guide and overview from Daniel Wilson → goo.gle/4enKgBe
layout pow() → goo.gle/3RlvAsI
Using Absolute Value, Sign, Rounding and Modulo in CSS Today → goo.gle/4aY3OJz
Time based animation → goo.gle/3x6Dm2K
CSS type casting to numeric: tan(atan2()) scalars by Jane Ori → goo.gle/4bZyrj2
Open Props v2 type ramp prototype with pow() as taught by Dan Wilson in their post → goo.gle/45uqikj
CSS physics for transitions and keyframes with these math functions → goo.gle/3VltDgX
Una Kravets (co-host)
Twitter → goo.gle/452aBRb
Instagram →
RUclips → goo.gle/457oMnS
Making the web more colorful ✨🎨 Web DevRel @googlechrome Unicorn face Host of Tools Today → goo.gle/4aI6JpC &
Designing in the Browser 🎬 → goo.gle/4e4YTcM
Adam Argyle (co-host)
Twitter → goo.gle/3yFnHYu
Instagram → goo.gle/3wUb6QJ
RUclips → goo.gle/4dZNKK7
@GoogleChrome CSS DevRel; @CSSWG; VisBug maker; punk; CSS/JS/UX addict; 💀🤘
CSSWG → goo.gle/4bFErxq
VisBug → goo.gle/4bDcVQZ
Watch more The CSS Podcast → goo.gle/CSSpod...
Subscribe to Chrome for Developers → goo.gle/Chrome...
#CSSPodcast #ChromeForDevelopers #Chrome
Speaker: Una Kravets, Adam Argyle

[@TheosTechTips]

OOOOOOOOH! An 43 minute podcast about CSS with no code? Wow!!! I feel like this could send me to sleep.

[@วารินทร์-บ7ฒ]

0:34

[@akashGupta011]

It would be really great to see both of you talking even on zoom call.

[@AnthoDoubleU]

Nice episode ! Just a couple of pedantic notes:
- 7:01 acos doesn't stand for asymmetric cosine but for arccosine
- 16:09 8 is in fact not equal to 2 times 3 ahah

[@GauravKumar-rn8dh]

Where is the video

[@xav_624]

This show need some video and good code exemples. 🙏🙏🙏

[@AhmedAli-jx9ie]

am I the one one who finds this useless?

[@JasonSeegmiller]

It's like trying to explain a visual concept without any visuals-like a backend developer trying to describe frontend design without showing any code or interfaces.

[@3zdayz]

Pow(.5)=sqrt

[@KeithMuenze]

Are marh functions in CSS faster than doing the math in JS?