Episode 81: Advanced CSS 101 with Josh Comeau
The focus of today's show is the divisive topic of CSS. There are many different opinions on the strengths, weaknesses, and value of CSS, and to explore this in some detail, we are lucky enough to have Josh Comeau join us on our extended panel! One of the strongest messages that comes through from our discussion is the amount of time and effort that CSS requires you to invest, to reap its benefits. And while not every developer will agree to this exchange, it is hard to argue that certain parts of CSS can make this a worthwhile endeavor. We talk about the ever-increasing complexity of CSS and how this has occurred over time as the language has been added to. We also get into our favorite parts and features, looking at variables, current color, and a whole lot more. So, to hear it all from our team and our great guest, Josh Comeau, be sure to listen in with us today, on Enjoy the Vue!
Key Points From This Episode:
- Opening remarks about CSS and thoughts on overcoming its challenges.
- How continually adding to the CSS language has increased its complexity over time.
- Weighing the best and worst additions to CSS: exciting features and things that have not worked so well.
- The original intentions for CSS and its place among other tools for web development.
- The difficulties with improving your CSS skills and the issue of the lack of error messages.
- Favorite CSS properties: current color, variables, tricks, and more!
- The infinite possibilities of tooltips.
- Tackling the issues of absolute positioning through spending time with them.
- Comparing the different web browsers and the most frustrating bugs.
- Questions of specificity and the hidden mechanisms around sufficient information.
- Top recommendations for getting better at CSS and Josh's helpful course!
- The availability of great tools and finding the ones that work for you.
- This week's pics: the new MacBook Pro, Remarkable Tablet, Sweet Home, and more!
“That's what leads to that feeling that CSS is unpredictable and inconsistent. It's not. It's just that if you only have one of the puzzle pieces, of course, it's not going to seem consistent.” — @JoshWComeau [0:40:29 ]
Links Mentioned in Today’s Episode:
- Table Caption
- Rachel Andrew
- Firefox Developer Tools
- Improve SMIL "Parsing timing specifiers" instructions #722, Oscar Spencer (W3)
- CSS SpeciFISHity, Estelle Weyl
- Stacking Contexts, Josh Comeau
- CSS Stacking Context inspector, Andrea Dragotta (Chrome Extension)
- Debug your website in 3D, Edge Dev Team
- Learn CSS, Google
- Glamorous, Kent C. Dodds
- G733 Lightspeed Wireless RGB Gaming Headset, Logitech
- Astrolokeys, Amy Wibowo and Cassidy Williams
- 3.5mm EarPods, Apple
- Twitter: joshwcomeau
- Blog: joshwcomeau.com
- The Long Way to a Small, Angry Planet, Becky Chambers
- Champion Sports Lacrosse Balls
- Golden Girls Quotes API
- ReMarkable Tablet
- Comic Parchment, Ben Harman
- Buy font (referral link)
- Play It as It Lays, Joan Didion
- Sweet Home, Netflix
Special Guests: Jenell Pizarro and Josh Comeau.