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
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.
ADVICE

Use Individual Transform Properties

  • Use individual transform properties (translate, rotate) instead of the generic transform property.
  • They offer clearer code and easier animation.
Get the Snipd Podcast app to discover more snips from this episode
Get the app