Code examples that accompany various MDN DOM and Web API documentation pages
-
Updated
May 22, 2024 - JavaScript
Code examples that accompany various MDN DOM and Web API documentation pages
Reactive screen size and media query states for VueJS
A set of tools for emulating browser behavior in jsdom environment
A package that provides a responsive context to your application, using React Context API.
💎 Detects user’s transparency preferences using the 'prefers-reduced-transparency' CSS3 level 5 media query.
🎢 Detects user’s preferences for reduced motion using the 'prefers-reduce-motion' CSS3 level 5 media query.
🔆 Detects user’s preferences for contrast using the 'prefers-contrast' CSS3 level 5 media query.
🌗 Detects user’s color scheme preferences using the 'prefers-color-scheme' CSS3 level 5 media query.
🕯 Detects the ambient light-level of the user’s device using the 'light-level' CSS3 level 5 media query.
🌑 Detects the user’s preferences for inverted colors using the 'inverted-colors' CSS3 level 5 media query.
📺 Detects the characteristics of the user’s display using the 'environment-blending' CSS3 level 5 media query.
MatchMedia component library for Vue
A Salvattore and Masonry alternative without CSS-driven configuration or absolute CSS positioning
A simple plugin for Vue 3 that uses matchMedia for when css media queries won't give you enough.
A fine API to manage media queries in JS with ease. It has first-class integration with VueJS.
Utility package for managing Dark Mode on the web
🃏 Mock for fully testing any media queries with Jest
Demo app for @assortment/darkmodejs
Add a description, image, and links to the matchmedia topic page so that developers can more easily learn about it.
To associate your repository with the matchmedia topic, visit your repo's landing page and select "manage topics."