Dealing with Cross Browser Compatibility

Cross browser compatibility can be a pain in the ass, but some people take it too far (at least in my opinion). In this video, I take a look at: - some of the differences between browsers user agent styles - how to check for browser support for CSS properties and values - why your site doesn't have to look the same on all browsers - the concept of progressive enhancement - feature queries ( @supports ) - polyfills and PostCSS //// Links Font Weights: codepen.io/kevinpowell/pen/4f0a0f8bd10be53c910a8ba… Centered List: codepen.io/kevinpowell/pen/9e9844ed33f7c83bdcfd813… Button with unset: codepen.io/kevinpowell/pen/f13e623a81bc3db9aed3ccc… Feature Query: codepen.io/kevinpowell/pen/0dc3fa399ca1d252fcdbcc6… caniuse: caniuse.com/ mdn: developer.mozilla.org/ Lea Verou's conic gradient polyfill: leaverou.github.io/conic-gradient/ PostCSS: postcss.org/ Facundo Corrandini - twitter.com/fcorradini and his CSS Trick article I mentioned - css-tricks.com/switch-font-color-for-different-bac… I'd love to know what your opinion is on all this, so leave a comment down below to share your experience, issues you've run into, or opinion on everything I said! -- I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter. Instagram: www.instagram.com/kevinpowell.co/ Twitter: twitter.com/KevinJPowell Codepen: codepen.io/kevinpowell/ Github: github.com/kevin-powellom/KevinJPowell

• #education
• #html
• #css
• #kevin_powell
• #cross_browser_compatibility
• #browser_support
• #css_browser_support
• #css_browser_compatibility
• #feature_queries
• #supports
• #progressive_enhancement
• #polyfills
• #css_polyfills
• #postcss
• #css_progressive_enhancement