Syntax - Tasty Web Development Treats

CSS Trends Almanac for 2022 Part 2

Nov 16, 2022
Dive into the latest CSS trends shaping web development! Discover the magic of 'box-sizing: border-box' and the art of CSS animations. Explore the creative power of blend modes for striking visual effects. Responsive design principles are dissected, highlighting media queries and accessibility. Uncover the utility of feature queries and how they influence modern CSS practices. Plus, enjoy a humorous take on DIY projects and the quirks of CSS shorthand versus longhand. Get ready to enhance your web skills!
Ask episode
AI Snips
Chapters
Transcript
Episode notes
ADVICE

Box Sizing: Border Box

  • Use the box-sizing: border-box property in CSS.
  • It simplifies calculations by including padding and border in element width.
ANECDOTE

CSS Columns Reconsidered

  • Scott Talinski initially criticized CSS columns but later found them useful.
  • He now uses them on the Level Up Tutorials website.
ADVICE

Golden Rule of Transitions

  • Transition only transform and opacity properties in CSS for optimal performance.
  • Avoid transitioning properties like top or left.
Get the Snipd Podcast app to discover more snips from this episode
Get the app