タグ

CSSとhoverに関するh1rokey0401のブックマーク (2)

  • スマホだと反応が遅れる :hover を心地良くする方法

    スマホ向けにサイトを作っていると、ブラウザの挙動が遅くてUXを低下させてしまうことがあります。例えば、画面をタッチしたときの:hoverの挙動。あと、jQueryのanimate()の挙動。とか。 スマホブラウザはJavaScriptの実行速度が遅いので、animate()の挙動とかはCSSで書くのがベストです。これはよく知られているので、実装されているサイトも多いのではないでしょうか。(あ、具体的な実装はまた次回ご紹介したいと思います。) 今回はですね、あまり話題にならない:hoverのことです。 :hover がおかしい? マウスカーソルを乗せたときのスタイルを設定するのが:hoverです。スマホだとタッチした瞬間に適用されると思いますよね。でも例えばiPhoneで:hoverを使うと、指を離したときにスタイルが適用されます。ですので、「もう押してないのに…」という場所が「押されたスタ

    スマホだと反応が遅れる :hover を心地良くする方法
  • ECサイト構築運営に役立つ情報発信|モバイルファーストマーケティングラボ

    2023.02.11 【2023年最新】ECサイトの構築方法を徹底比較。おすすめのショッピングカートシステムとは? 記事では以下のECサイト構築に関する疑問やお悩みに対する解決策をご提案いたします。 ECサイトの新規構築や移管にあたり、どの方法が自社に最適であるか?を調べたい。 現在EC運用中のプラットフォームが陳腐化しており、常に最新化を維持できるシステムに切り替えたい。 ECサイトのセキュリティを強化したい。セキュリティに強いECサイト構築方法を調べたい。 自社ECでは独自のサービスを展開しておりカスタマ […] 2022.12.15 EC-CUBEからクラウド型ASPカートシステムへの移行(リプレイス)方法を徹底解説 EC-CUBEは、ECサイト構築に特化したオープンソースのCMS(コンテンツ・マネジメント・システム)です。ECサイト上で独自性の高い販売方法やサービス提供を展開した

    ECサイト構築運営に役立つ情報発信|モバイルファーストマーケティングラボ
  • 1