 
      
    | You are here | bryanlrobinson.com | ||
| | | | | html5doctor.com | |
| | | | | ||
| | | | | www.matuzo.at | |
| | | | | Progressive Enhancement allows us to use the latest and greatest features HTML, CSS and JavaScript offer us, by providing a basic, but robust foundation for all. | |
| | | | | lea.verou.me | |
| | | | | I cannot count the number of times in my career I wished I could run JS in response to CSS property changes, regardless of what triggered them: media queries, user actions, or even other JS. Use cases abound. Here are some of mine: Implement higher level custom properties in components, where one custom property changes multiple others in nontrivial ways (e.g. a --variant: danger that sets 10 color tokens). Polyfill missing CSS features Change certain HTML attributes via CSS (hello --aria-expanded!) Set CSS properties based on other CSS properties without having to mirror them as custom properties The most recent time I needed this was to prototype an idea I had for Web Awesome, and I decided this was it: I'd either find a good, bulletproof solution, or I would build it myself. Spoiler alert: Oops, I did it again | |
| | | | | tiao.io | |
| | | An example of using the in-built project page. | ||