Explore cross-browser compatibility challenges in this 30-minute video tutorial. Learn about differences in browser user agent styles, checking CSS property support, and embracing progressive enhancement. Discover feature queries with @supports, understand when polyfills are necessary, and explore PostCSS for enhanced compatibility. Gain insights on balancing consistency across browsers while leveraging modern CSS features. Access practical examples through provided CodePen links and utilize resources like caniuse.com and MDN for browser support information.
Overview
Syllabus
Intro
Collaboration
User Agent Styles
Normalize
CanIUsecom
The Encyclopedia
Does it matter
Only Chrome
Feature Queries
Post CSS
Conclusion
Taught by
Kevin Powell
Related Courses
-
CSS Features With Better Browser Support Than You Might Have Thought
-
Browser Support - Is It Okay if the Layout Is Different in Old Browsers?
-
Refactoring with CSS Grid
-
Resilient CSS - 7-Part Series
-
CSS Grid Layout: Discoveries and New Design Possibilities
-
CSS Popover and Anchor Positioning Tutorial - Creating Dynamic Element Connections
