Hoverの検索結果1 - 3 件 / 3件

• あとで読む

  hoverを指定するならany-hoverメディア特性を使いなさい！俺流hover実装例も紹介します – TAKLOG

  • 24 users
  • www.tak-dcxi.com
  • テクノロジー
  • 2024/03/19

  hoverメディア特性には@media (hover: hover)と@media (any-hover: hover)の2種類があります。 @media (hover: hover): 主な入力デバイスがhoverに対応している場合に適用する@media (any-hover: hover): 入力デバイスのいずれかにhoverに対応している入力デバイスが含まれる場合に適用する少し前までは@media (hover: hover) and (pointer: fine)で「主な入力デバイスがhoverに対応していて、かつマウスのような正確なポインターがあるデバイスの場合」にのみhoverを適用するやり方を行っていましたが、この方法ではiPadのMagic Keyboardのカーソル操作でhoverが適用されないようです。 そのため、Magic Keyboardが接続されている時のみhov

  • css
  • hover
  • html
  • メディア
  • デザイン
  • あとで読む

  
• あとで読む

  Tailwind CSS の hover: を、非活性な要素やタッチ操作に適用させない ～ addVariant の活用

  • 4 users
  • zenn.dev/kagan
  • テクノロジー
  • 2024/01/30

  背景 以前公開した記事で、単純な :hover セレクタの問題点を書きました。 詳しくは上記の記事に書いていますが、要約すると問題は大きく以下の 2 点です。 スマホなどのタッチデバイスでもホバースタイルが適用されてしまう disabled 状態の button など、クリックしても反応しない要素にもホバースタイルが適用されてしまう これらの問題が次のようなメディアクエリと疑似クラスを組み合わせたスタイル記述によって解決できることを紹介しました。 @media (hover: hover) { .class:where(:any-link, :enabled, summary):hover { /* ホバースタイル */ } } 今回はこれを Tailwind CSS で実現するには？ という記事です。 確認した環境 Tailwind CSS v3.4.1 Tailwind CSS におけ

  • Tailwind
  • CSS
  • Web制作

  
• あとで読む

  Many Tricks、約12年ぶりのメジャーアップデートとなるMac用ウィンドウマネージャ「Moom v4.0」をリリース。パレットのカスタマイズやHoverモード、レイアウトの保存機能などを実装。

  • 3 users
  • applech2.com
  • 学び
  • 2024/08/22

  Many Tricksがポップアップ・パレットのカスタマイズやウィンドウ・レイアウトの保存機能などを実装したMac用ウィンドウマネージャアプリ「Moom v4.0」をリリースしています。詳細は以下から。 米オレゴン州のソフトウェア会社Many Tricksは現地時間2024年08月21日、2011年から開発＆販売しているMac用ウィンドウマネージャアプリ「Moom」の最新バージョンとなる「Moom v4.0」をリリースしたと発表しています。 It may have been a long time coming—over 12 years since Moom 3’s release—but we think Moom 4 was well worth the wait. During those years, we’ve been listening to all your input,