BLUE

AWakirao.bsky.socialSep 30, 2024 7:30am

JavaScriptのmatchMediaメソッドを使ったメディア判定 blanche-toile.com/web/javascri...#Webdev #JavaScript #matchMedia #Design #WebDesign#デザイン#Webデザイン

JavaScriptのmatchMediaメソッドを使ったメディア判定 | Free Style

より良いUI/UXを意識するのであれば、JavaScriptによるプログラムの実装もユーザーの環境に合わせることが求められますが、matchMediaメソッドを使うことでメディアクエリや表示領域のリサイズの判定、hover動作のデバイスの判別、Webブラウザのダークモードの判別など、様々なメディア判定が可能となります。

NSnuovasfida.comSep 29, 2024 6:44am

JavaScriptのmatchMediaメソッドを使ったメディア判定 blanche-toile.com/web/javascri...#Webdev #JavaScript #matchMedia #Design #WebDesign#デザイン#Webデザイン#Web制作#ホームページ制作

JavaScriptのmatchMediaメソッドを使ったメディア判定 | Free Style

WFweb-engineer-blog.bsky.socialSep 29, 2024 6:33am

JavaScriptのmatchMediaメソッドを使ったメディア判定 blanche-toile.com/web/javascri...#Webdev #JavaScript #matchMedia #Design #WebDesign#デザイン#Webデザイン

JavaScriptのmatchMediaメソッドを使ったメディア判定 | Free Style

alvarogfn.comSep 3, 2024 1:15pm

Aproveitando a rede nova para reciclar conteúdo: Poucos dinossauros sabem, mas também dá para usar as media queries com a API matchMedia do próprio Javascript: Isso é útil quando esconder a renderização de algum componente é mais benéfico do que esconder ele só com CSS cc @sseraphini.bsky.social

@media screen and (min-width: 1080px) {
/* Do something */
}

if (window.matchMedia("(min-width: 1080px)".matches) {
// Do something
} else {
// Do something else
}

SFsv1floki.bsky.socialNov 20, 2023 8:52pm

er alveg út að tékka bara system settings? t.d. í browser / js: window?.matchMedia?.("(prefers-color-scheme:dark)")?.matches ? "dark" : "light" eða browser / css: @media (prefers-color-scheme: dark)

JFjonthanfielding.bsky.socialSep 26, 2013 6:00am

very useful article on MDN about using the #matchMedia API t.co/E2ubRQyq7c