Level Up With CSS - Part 1
Season 1 Episode 7 | August 12, 2019
Learn all about the fundamentals of CSS: from selectors to the box model.
A huge thank you to our sponsors for supporting the LadyBug Podcast! Interested in becoming a Ladybug Podcast sponsor? Head over to our Contact page for more details.
Sanity.io is a platform for structured content that comes with an open source editor that you can customize with React. Sanity.io also comes with tooling that lets you build with structured content in React, Vue, and other frontend technologies like Svelte. It also has powerful APIs for reading and writing so that you can use the same content across any device, channel, or product. You also get powerful APIs for querying your content, you can even listen for changes in real-time, and use the write APIs to patch and make new documents from code. You can get started for free on the standard plan, and add a credit card to pay as you go for usage over the generous standard quotas. If you need advanced features like SSL and Single-Sign-On you can find all the prices and details on Sanity.io’s fully transparent pricing page. Listeners of the Ladybug Podcast get a extra special plan with double the usage. Go to sanity.io/ladybug or use “ladybug” where you fill in the coupon code.
1:50 - Pain points
4:23 - Syntax
10:40 - The cascade
13:38 - The box model
15:23 - Pseudo classes and pseudo elements
19:09 - Combinators
23:11 - Positioning
28:48 - Block, inline, and inline-block
36:11 - Wins
- CSS Specificity
- CSS: From Zero to Hero
- CSS Diner
- CSS Tricks
- CSS MDN
- CSS Layout Cookbook
- Pseudo classes and pseudo elements
We provide transcripts for all of our episodes. You can find them here!