「JavaScriptで要素をドラッグして移動する簡単な方法」という記事が初耳だらけだった件 - Qiita
はじめに まず↓の記事を見てない方はぜひ見てください！ 自分にとってはこの記事には「えっ、ナニコレ！」なテクニックが多く、特に解説もなかったのでいろいろ調べてたら休日が消えてました... なのでその時間の供養もかねて、自分が知らなかった部分を中心に、僭越ながら元記事の解説を書いてみたいと思います。 ちなみに、以下が元記事のコードそのままを実装したものです。たしかに掲載コードだけで要素がグリグリ動きますね。 See the Pen js-drag-move-original by www-tacos (@www-tacos) on CodePen. 初耳1: $img まずコードのここ <img id="$img" src="https://js.cx/clipart/ball.svg" width="40" height="40"> <script> $img.onpointermove
マウスを使わない新入社員です
こんにちは。マウスを使わない新入社員です。 ずばり、マウスを使わないのは、タッチパッドのほうが効率が良いからです。マウス厨🐭のみなさんにタッチパッドのすばらしさを啓蒙いたします。 ①「タッチパッドは使いにくい」は慣れの問題でしかないタッチパッドが非効率だと思うのは、マウス厨がタッチパッドに慣れていないからです。 確かに、タッチパッドは慣れないと非常に使いにくいです。ぐにゃぐにゃ動くカーソル、震える指先、クリックしたときにブレるカーソル。 あなたが間抜けにもマウスを忘れたときだけタッチパッドを使っているだけの人であれば、イライラは止まらないでしょう。 ところが、タッチパッドに慣れている人からすれば、タッチパッドもマウスも使用感はほぼ変わりません。まあ、CADの操作やコピペなどの精密な操作を求められる際はマウスのほうが流石に使いやすいですが、普通の業務で使いにくさを感じることはありません。
マウスを使わない新入社員たち
若い子たちのマウス離れが本当に深刻。 ここ3年くらいで、急にマウスを使わない、使えない人間が増えている。 弊社はPC仕事多いし、勿論全員にマウスを支給している。 なのに、皆マウスを使わない。 10人いたら7人はタッチパッドでポインタを動かしている。 正直とても非効率的だと思うのだが、とにかくマウスを使わない。 若い世代に何が起きたというんだ？
はじめに結論から ホバースタイルは、 :hover だけで指定するのではなく、次のように指定しましょう！ @media (hover: hover) { /* リンクの場合 */ a:any-link:hover { } /* ボタンの場合 */ button:enabled:hover { } /* 特定できない場合 */ .button:where(:any-link, :enabled, summary):hover { } } ポイント 1 マウスのときだけホバースタイルを当てる :hover 擬似クラスで指定したスタイルは、タッチデバイスの場合フォーカス状態で適用されてしまいます。 つまり、タッチしたあとのスタイルがずっとホバースタイルのままになってしまいます。 これは意図と合わないため、マウスで操作しているかどうかを区別してスタイルを当てる必要があります。 マウス（正確には、ホ
あけましておめでとうございます。2024年も皆様にとって良い年であるように祈っております。 2023年のベストバイをご紹介しようとリストアップしてみたところ、合わせて30アイテム以上になってしまいました。2023年は自覚的に断捨離の逆張りで高度消費社会の潮流に乗ってみようと思い立ち項目数多くなってます。 ただし各種購入に当たっては、無闇に浪費するのではなくいくつかのルールを決めてあります。 1)その商品分野をある程度リサーチしてベストと思われる機能、デザインの製品を選ぶ それぞれの領域について数時間〜長いものでは数ヶ月、あれでもないこれでもないと調べて吟味しました。 ・市場に流通している製品は概ねチェック ・知見のある方やYTでのおすすめを聞く ・国内で入手可能なものは店頭で触ってみる ・デザインについてはPinterestや画像検索等で国外に良いものないか調査、特に文具や家電はアジア圏、
マウスポインタを自動移動、“離席バレ”を防ぐUSBマウスジグラーがアイネックスから 2024.02.05 14:25 更新 2024.02.05 配信 USBポートに挿すだけでマウスを自動移動。3種類の動作モードを搭載 株式会社アイネックス（本社：東京都西東京市）は2024年2月2日、マウスポインタを自動的に動かすことができるUSBマウスジグラー「U20A-MMJGR」を発表した。2月7日に出荷が開始される予定。 マウスポインタを自動的に動かすことができる、小型USBドングルのような形状のUSB機器。ポインタが自動で動き続けるため、スクリーンセーバーやスリープが動作するのを防ぐことができるほか、テレワーク時の“離席バレ”防止にも使える。 本体にはON/OFFスイッチとモード切替スイッチを搭載。動作モードは、極めて小さい範囲で左右に移動させる「モード1」（初期設定）、左右に一定距離移動させる
PREDUCTSは「いい仕事」を生み出す道具のメーカーです。 これは私たちブランドの目指す姿でありつつ、自分たち自身が、道具に求めていることでもあります。日々使う道具も”使いやすく”、”創造性を刺激してくれる” ものであってほしい。そんな道具を探しながら、ものづくりに勤しんでいます。 このシリーズでは、PREDUCTSのメンバーが普段愛用している道具たちをご紹介していきます。 こんにちは、PREDUCTSの宮澤です。 グラフィックや動画、音楽、3DCG、CADなどを扱う職種の方は、データを入力するキーボードはもちろんのこと、高精度なポインティングをおこなうマウスやトラックパッド等のデバイスも多用されると思います。 キーボードやマウスを総じてインプットデバイスと呼ばれ、中でもマウスやトラックパッドのようなポインタ（カーソル）の位置を操作するデバイスは、ポインティングデバイスといいます。キーボ
米Anker、ボタン1つで2台のMac/PCからの映像出力とキーボード＆マウス操作を切り替えられるCPU切替器「Anker 553/554 USB-C Docking Station (KVM Switch)」を発売。
米Ankerがボタン1つで2台のMac/PCからの映像出力とキーボードやマウス操作を切り替えられるCPU切替器「Anker 553/554 USB-C Docking Station (KVM Switch)」を発売しています。詳細は以下から。 米Ankerは現地時間2023年07月10日、ボタン1つで2台のMacやWindows PCからの映像出力と、キーボード＆マウス操作を切り替えられるCPU切替器「Anker 553 USB-C Docking Station (KVM Switch) (A83K2)」と「Anker 554 USB-C Docking Station (KVM Switch) (A83K1)」を新たに発売しています。 Seamless Switching: Enjoy effortless switching between USB-C devices with a
CSSの:has疑似クラスとCSS Anchor Positioningを使用して、:hoverにマグネットのように追従するホバーエフェクトを実装するテクニックを紹介します。 一昔前なら、JavaScriptなどを使用し...記事の続きを読む
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【CSS】まだホバー時のスタイルを :hover だけで指定してるの？
エレコム、整形外科医と共同開発した“握らないマウス”
買ってよかったBestBuy2023 IT&家電編｜hakuroum
マウスポインタを自動移動、“離席バレ”を防ぐUSBマウスジグラーがアイネックスから - エルミタージュ秋葉原
グラフィックデザイナー的キーボード＆マウスの最適化 | PREDUCTS
サンワサプライ、ペンを持つように操作できるマウス。Bluetooth/無線対応
CSSのみで簡単に実装できる！ マグネットのようにくっついて追従するホバーエフェクトを実装するテクニック
エレコム、ベアリング採用で滑らかな操作を実現したトラックボール
