Level Up With CSS - Part 1

 

Sponsors.

How many times have you struggled to figure out an annoying bug in your app? Well struggle no more! Log Rocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. You can see a perfect replay of what your users saw, inspect Redux actions and state at any point in time, view every network request and response, and even inspect console logs and JavaScript errors. Log Rocket lets you support your users without the tedious back and forth conversations. Plus it works with React, Angular, vanilla JavaScript, Redux, Ember, and Vue! Check out Log Rocket today to improve your debugging workflow.

 

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.

 

Show Notes.

  • 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

 
 

Transcript.

We provide transcripts for all of our episodes. You can find them here!

Previous
Previous

Level Up With CSS - Part 2

Next
Next

Impostor Syndrome