🗣prefers-reduced-motionメディアクエリでアニメーション酔いに配慮する｜たかもそ／Web Creator.
近年、CSS や JavaScript の進化により、パララックスやスクロールとともにアニメーションしながら登場するエフェクトなど、演出のためのアニメーションがかなり増えました。 Web サイトに独自性を出すことができて重宝される一方で、過度なアニメーションによる画面酔いを訴える人も出てきています。 そこで、CSS Media Queries Level 5 では、prefers-reduced-motion 特性が提案されています。 過度なアニメーションとはアニメーションには本来、ロード画面やスケルトンスクリーンなど、ユーザーに現在の進行状況を伝えるという大事な役目があります。 ここでいう過度なアニメーションとは、背景のアニメーションや画面全体に広がる背景動画、パララックスエフェクト、画面遷移などの本質的でないアニメーションのことです。 パララックスエフェクトのように、背面と前面でスクロ
WindowsでiOSのSafariで開いたページをデバッグする | Web活
iPhoneやiPad(以下、iOSデバイス)を持っているなら、Macを持っていなくても、WindowsからSafariで開いたページのデバッグができる。その方法を書いていく。 検証環境 Windows10 iOS13、iOS14 手順 iOSデバイスのSafariのWebインスペクタを有効化する。設定->Safari->詳細 WindowsPCにiTunesをインストール。Store版ではなく従来のソフト版をダウンロードする。 ios-webkit-debug-proxyやremotedebug-ios-webkit-adapterをインストールするためにscoopをインストール scoopとは、簡単に例えると、Homebrew、apt-get、yumなどのWindows版だ。 WindowsでPowerShellを開き以下のコマンドを実行するとscoopがインストールされる。 Set-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
