モバイル全般用に分けました。

モバイルユーザビリティとかのタイトルで、別トピックにしたほうがよろしいでしょうか？

よろしければ、お願いします。内容はコピペで良いので。
僕もモバイル最適化や、エフェクト関係は、今後もいろいろ研究したり、いろいろ学んでいきたい部分です。
専門のトピックがあるとありがたいです。

今カスタマイズさせてもらっているサイトの管理者さんが、○○テーマみたいなマウスオーバー効果がほしいと何度もおっしゃるので、だったらそちらのテーマを購入いただいて、そのテーマをカスタマイズされているデザイナーさんに独自カスタマイズのお仕事お願いしたらいいと思いますよって全部断っているんですけれど。

モバイルでも意味がある視覚効果なら私も調べて取り入れますが、閲覧者の9割ぐらいモバイルユーザーなのにPCでしか見ることができないホバーエフェクト付けても…

でこちらが本題というか。

自分のスキルが低くてまだ導入できていない視覚効果なのですが。

ページを読み込んだら、上からでも下からでも横からでもいいので、少しふわっとスライドインしてくるようなエフェクトをかけたいのですが、どこに設定したら一番記述が少なくて済むんでしょうかね…

というのはメニュー・通知・おすすめカードなど設定していくと、どのページにも表示される部分が増えて、モバイルで通知やおすすめカードなどのリンクをクリックしてページを移動した際に、ページが移動したかどうかわかりづらいんですよね。

なので、ページの読み込みがなされたときに動きを出したいんです。

モバイルユーザビリティとかのタイトルで、別トピックにしたほうがよろしいでしょうか？

モバイル実機でのhoverは、強引にhoverアクションをチェックする勢いがないとその動作をチェックできなし、普通に記事を見に来たユーザーさんは、興味ない人が圧倒的に多い気がします。

※ユーザーより、運営者本位な気がする。

PCビューも幅の狭いものは、有効なのでそのままCSSが適応されてても良いけどampを気にする人は邪魔。って思うカモですね＾＾

モバイルビューでクリックする前・したあとの動作は、やっぱ。
クリック後が適応されっぱなのが気になるかも。

誰にも伝わらないようなマニアックな面なのかも。って思った❦

投稿者:: @yhira

ホバーは、さておきモバイルで操作したときのエフェクトは分かりやすさや、操作の気持ちよさも含めて重要ですよね。

投稿者:: @akira

以前とは異なり、改修された現在のマテリアルデザインは拡張性が高いです。

みなさんの仰るとおり、操作性まで考慮したわかりやすいデザインを実現するためのエフェクトとしてマウスエフェクトを採用するという観点は必要なのかもしれませんね。

拡張性、使い心地、見た目の分かりやすさなど、誰からも容認してもらえるデザインの必要性という考え方はとても勉強になります。

1 番いいのはガイドラインを全部読むことかも。

まさにこれですよね^^;

ここら辺と、織り交ぜながら理解を深めたいと思います。

Material Components for the web のドキュメントの日本語訳を作ってみた - Qiita

 【翻訳してみた】マテリアルデザイン - モーションデザインを理解すること｜Iori Iwaki｜note
【翻訳】マテリアルデザイン - モーションデザイン｜Iori Iwaki｜note

もしくは、CSS のみでマテリアルデザインを表現する Matter も参考になります。サンプル。

以前とは異なり、改修された現在のマテリアルデザインは拡張性が高いです。なので、1 番いいのはガイドラインを全部読むことかも。