CSS the 😎😎😎 Cool Parts

In this episode Wes and Scott talk about the cool parts of CSS! From filters to variables, here are some cool (and amazing) things you can do with CSS in 2019. Sentry - Sponsor If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”. Sanity - Sponsor Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax. Show Notes 2:28 - Clip path 6:35 - Filters 16:24 - Background mix blend mode 21:47 - Border images 25:46 - Multiple background images 27:47 - Multiple background gradients 28:25 - Radial gradients 29:06 - Multiple box-shadows 34:30 - HEX + Alpha 40:41 - Viewport units 42:17 - Calc 44:32 - CSS variables 47:44 - Text decoration Links Can I use Clippy - CSS clip generator CSS Filters Tweet: Using mix-blend-mode:multiply CSS blend mode generator Lea Verou Codepen - Scott’s digital text animations Steve Schoger Mother-effing HSL Diana Adrianne ××× SIIIIICK ××× PIIIICKS ××× • Scott: Solar string lights • Wes: Digital Calipers Shameless Plugs • Wes: Wes’ Courses • — use coupon code “syntax” at checkout and get and extra $10 off. • Scott: Animating React Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter • Make sure to include @SyntaxFM • in your tweets

Release date

Lydbog: 22. maj 2019