AD
Episode
297
Interview
Web News

CSS: Styling the Web & Learning Through Content w/ Kevin Powell

Recorded:
February 29, 2024
Released:
March 21, 2024
Episode Number:
297

Kevin Powell, known to many as the King of CSS, joins Matt in this packed episode to discuss the current status of CSS, how to tailor your content absorption for learning, and more. The duo discussed whether or not popular CSS toolkits (ie SASS, TailwindCSS) outweigh the need to learn vanilla CSS. They also discussed whether naming conventions like BEM are still relevant since most web developers use frameworks that have localized CSS per component. And that's just getting started, the guys also discussed tutorial hell mitigation, browser support + using features in production, focusing your educational content absorption, and much more.

Listen

Also available on...
...and many more, check your podcast app!

Who’s in This Episode?

Show Notes

How to support the show

Patreon

Prices subject to change and are listed in USD

  • Support the show from as little as ~$1/month
  • Get a shoutout at the end of the episode (while supplies last) for just ~$3/month
  • Help support the HTML All The Things Podcast: Click Here

Learn with Scrimba

We receive a monetary kickback when you use our link

  • Learn to code using Scrimba with their interactive follow along code editor
  • Join their exclusive discord communities and network to find your first job!
  • Use our affiliate link to learn more


Show Notes

The Status of CSS

  • Vanilla CSS vs SASS vs TailwindCSS vs [probably some other tool here]
    • In 2024, what should people be learning first? 
    • Once they’re experienced with whatever they chose first, should they move on to another tool, or master the tool they’re on?
  • CSS naming conventions were very popular from roughly 2015-2018 (ie BEM) aimed at making CSS code more readable and maintainable. In 2024, they seem mostly killed off by components in frameworks like Svelte where you can use localized/isolated bits of CSS that are context-sensitive already (ie a .title class in a content box component)
    • In your opinion, what's the status of CSS naming conventions like BEM in 2024 and into the future?
  • Browser Support on new and “fringe CSS” features/properties
    • Once support starts catching on for a lesser supported CSS feature when do you think it’s safe for developers to start using it in production? 

Content Absorption

  • It’s easy to get bogged down watching learning content and feeling productive without ever actually producing anything (tutorial hell)
    • To break this cycle, what do you recommend people do when watching coding tutorials/guides on YouTube? Try out what they’ve learned right away? Take notes? Watch a collection of videos then stop at a hard limit?
  • Content creators create a variety of content across many topics, not necessarily focused on what you’re learning at that time (each creator is different, making varying content)
    • If you’re learning something new (ie React) should you focus your content absorption on that one topic, or watch the scattering of content that is released by your favorite creators?
  • Watching individual topic tutorials and playing with related code is much different than creating and working on a project
    • Do you have any tips for developers looking to move from learning concepts to creating their first project(s)? Any project management pitfalls to avoid?

Project Work

  • Working on your own projects (personal or professional)
    • What technologies do you use?
    • What type of workflow do you have? (ie team work, solo, CI/CD)

Want More?

Read more about the topics covered in this episode in our in-depth companion article.



Kevin's Links

  • YouTube Channel (link)
  • Official Website (link)
  • Weekly Newsletter (link)


Links

  • Michael LaRocca