【CSS】まだホバー時のスタイルを :hover だけで指定してるの？
はじめに結論から ホバースタイルは、 :hover だけで指定するのではなく、次のように指定しましょう！ @media (hover: hover) { /* リンクの場合 */ a:any-link:hover { } /* ボタンの場合 */ button:enabled:hover { } /* 特定できない場合 */ .button:where(:any-link, :enabled, summary):hover { } } ポイント 1 マウスのときだけホバースタイルを当てる :hover 擬似クラスで指定したスタイルは、タッチデバイスの場合フォーカス状態で適用されてしまいます。 つまり、タッチしたあとのスタイルがずっとホバースタイルのままになってしまいます。 これは意図と合わないため、マウスで操作しているかどうかを区別してスタイルを当てる必要があります。 マウス（正確には、ホ
PhotoshopでのUIデザインが楽になる！レイヤーの作業を便利にする無料の機能拡張 -LayerCraft
PhotoshopでWebページやアプリのUIデザインをしている時に役立つ、レイヤー作業が便利になる無料の機能拡張を紹介します。 各ページのデザインを作るためにヘッダとフッタだけがあるPSDにしたい、ナビゲーションやボタンなどパーツのみのPSDが欲しい、スマホ用の画像を書き出したい、などいろいろです。
フォームに設置した複数のsubmitボタン（送信ボタン）をjQueryで制御する
1つのフォームに複数設置したsubmitボタン（送信ボタン）の挙動をjQueryで操作・変更する方法を紹介します。 １．用途 このエントリーでは次の2つのケースを紹介します。 1つのフォームに同じ動作を行う送信ボタンを複数設置する 1つのフォームに異なる動作を行う送信ボタンを設置する ２．1つのフォームに同じ動作を行う送信ボタンを複数設置する たとえばページに表示されたフォームなどの上下に送信ボタンがあった方が、スクロール量が減るなどの利便性が高い場合があります。これをHTMLだけで実現するには、form要素（赤色）内にtype属性値「submit」のinput要素（青色）を設置すれば可能です。 <form name="foo" method="post" action="foo.cgi"> <input type="submit" value="送信" /> …中略… <input ty
Learn More - JW Player
#1 video platform for companies whose business relies on video. Learn how to deliver reliable and beautiful video experiences with all the tools, workflows, and analytics you need to make your business thrive. VIDEO PLATFORM Custom Pricing All the tools, workflows and analytics needed to build, run, and grow your video-driven business. Contact Sales
Flash Video Player - Jaris FLV Player
Jaris is a flash video and audio player developed in haxe that can be used freely. It's open source and has the most important basic features found in other commercial players. Give it a try! Features Aspect ratio switcher Fullscreen support H.264 playback support Http pseudostreaming support RTMP streaming support Youtube player api support Poster image Use your own logo with link Hide controls o
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
