HighEdWeb 2024 This presentation contains a lot of code. If you’re having trouble reading this… move closer. CSS is Awesome

Erik Runyon Technical Director Office of Public Affairs and Communications University of Notre Dame ErikRunyon.com/heweb2024 All the links!

Layout Animations Selectors Text Javascript Replacements We’re not going to get to all of it. So… what’s new with HTML and CSS?

Web Platform Status/Interop

- wpt.fyi/interop-2024 Interop 2024 is a cross-browser effort to improve the interoperability of the web — to reach a state where each technology works exactly the same in every browser. This is accomplished by encouraging browsers to precisely match the web standards for CSS, HTML, JS, Web API, and more.

web.dev/baseline Baseline Widely available: 30 months has passed since the newly interoperable date. The feature can be used by most sites without worrying about support. Newly available: The feature becomes supported by all of the core browsers, and is therefore interoperable. Limited availability: Not supported by all core browsers. Web Platform Baseline gives you clear information about which web platform features are safe to use in your projects today. Available on MDN and caniuse.com

Let’s look at some !

Topics we didn’t cover • Relative color syntax • accent-color • color-scheme • Style queries • light-dark • calc-size(auto) • @scope • Proposed “if()” statement

Coming soon… • Customizable • Masonry Layout

Resources you should follow New to the web platform: web.dev/series/new-to-the-web Web Platform Status: webstatus.dev Stephanie Eckles: thinkdobecreate.com Ahmad Shadeed: ishadeed.com Keeping Up

thank you Erik Runyon erikrunyon.com @erunyon