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: https://codepen.io/kevinpowell/pen/4f0a0f8bd10be53c910a8ba8bda67cab Centered List: https://codepen.io/kevinpowell/pen/9e9844ed33f7c83bdcfd8137b9257acd Button with unset: https://codepen.io/kevinpowell/pen/f13e623a81bc3db9aed3ccc6ab804c05 Feature Query: https://codepen.io/kevinpowell/pen/0dc3fa399ca1d252fcdbcc647cae27af caniuse: https://caniuse.com mdn: https://developer.mozilla.org/ Lea Verou's conic gradient polyfill: https://leaverou.github.io/conic-gradient/ PostCSS: https://postcss.org/ Facundo Corrandini - https://twitter.com/fcorradini and his CSS Trick article I mentioned - https://css-tricks.com/switch-font-color-for-different-backgrounds-with-css/ 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: https://www.instagram.com/kevinpowell.co/ Twitter: https://twitter.com/KevinJPowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powellom/KevinJPowell