box-shadow で実装されたフォーカスリングはハイコントラストモードで表示されない

2024/08/12 13 users box-shadow プロパティ フォーカス カスタマイズ

box-shadow で実装されたフォーカスリングはハイコントラストモードで表示されない 2024.08.11 フォーカスリングとは、キーボード操作でフォーカスが当たった要素を視覚的に示すための UI デザインのことです。フォーカスリングのカスタマイズに `box-shadow` プロパティを使うことがありますが、ハイコントラストモード... 続きを読む

アバターの“指の動き”からパスワードを盗む攻撃　VR内で働く人のキーボード操作に着目

2023/11/20 9 users アバター 着目 攻撃 パスワード VR内

このコーナーでは、2014年から先端テクノロジーの研究を論文単位で記事にしているWebメディア「Seamless」（シームレス）を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 Twitter: ＠shiropen2 米シカゴ大学に所属する研究者らが発表した論文「Can Virtual Reality Protect User... 続きを読む

Steam版『ダンジョントラベラーズ2』『2-2』発売中止に。ガイドラインに合わせたクオリティ維持の難しさ、作品の魅力が著しく損なわれるため | ゲーム・エンタメ最新情報のファミ通.com

2023/07/13 17 users ダンジョントラベラーズ ガイドライン Steam版 発売中止

本作は、アクアプラスが手掛けるダンジョンRPG。2014年と2017年にプレイステーション Vita用ソフトとして発売された同作品をPC向けに最適化しており、解像度の向上やマウス、キーボード操作にも対応している。 中止の経緯については、Steamで定められているガイドラインに合わせたクオリティ維持の難しさと、作品の魅力... 続きを読む

最近のランディングページで見かける！ スクロールに連動して背景画像をアニメーション化できるバニラJavaScriptのライブラリ -ScrollMovie.js

2022/04/06 23 users ライブラリ スクロール マウス スワイプ操作 Apple

マウスのスクロールやキーボード操作、スマホのスワイプ操作に連動して背景画像をアニメーション化し、まるでスクロールで動画を操作しているかのようなコンテンツを実装できるバニラJavaScriptのライブラリを紹介します。 プロダクトのランディングページとかにいいですね。Appleなどは動画を使用していますが、操作し... 続きを読む

VimとTUIツールをなめらかに切り替える

2021/12/15 7 users vim ファイラ TUi tig ranger

VimからTUIツールを呼び出す 私はVim以外のTUI(Terminal User Interface)ツールとしてファイラにRanger、Git操作にはTigを利用しています。 TUIはそれ自体の制約によりキーボード操作のみで完結することや、開発時の基本的なワークフローがターミナル内に閉じることによる環境のポータビリティにメリットがあります。 Vi... 続きを読む

キーボード操作を意識したHTML/CSSコーディング

2020/12/05 535 users CSSコーディング Webアクセシビリティ HTML 工夫

この記事は 「Webアクセシビリティ Advent Calendar 2020」 5日目の記事です。 アクセシビリティ Advent Calenderの記事を寄稿するにあたり、少しの工夫であらゆるユーザーに対して優しいWebサイトを作れるようなHTML/CSSコーディングの方法についてまとめました。より多くの人にとって優しい・使いやすいWebサイトを作... 続きを読む

快適キーボード操作のためのキーカスタマイズ ～Mac編～ | さくらのナレッジ

2020/01/22 8 users KARABINER Karabiner-Elements

ごまなつと申します。キーバインド設定で快適なキーボード操作をするお手伝いをいたします。 前回のWindows編に続いて、本記事ではMacのキーバインド設定について紹介します。用いるソフトはKarabiner-Elementsです。Karabiner-ElementsはmacOS Sierra以降に対応しています。Sierra未満の方はKarabinerを使ってください... 続きを読む

東京五輪ボランティア応募サイトのコードがいかに酷いか - Togetter

2018/09/28 289 users アクセシビリティ コード 支障 HTML 音声

ボランティア応募サイトの使い勝手が悪いと話題になってますが、ソースコードもなかなかの品質でした。 HTMLのコードが悪いと、アクセシビリティ（音声読み上げやキーボード操作）にも支障があるので、開発者だけでなく利用者にも不便を強いることになります。 続きを読む

スマホの操作も快適な優れもの！ビフォーアフター画像のスライダーを実装するJavaScriptライブラリ -Beer Slider | コリス

2018/09/18 33 users コリス スライダー アクセシブル jQuery 優れもの

スマホ、タブレット、デスクトップのレスポンシブに完全対応、マウス操作・キーボード操作・タッチ操作にも完全対応のアクセシブルなスライダーを実装するスクリプトを紹介します。 他スクリプトへの依存は一切なく、単体で動作し、jQueryのプラグインとして実装することも可能です。 Beer Slider Responsive & Accessib... 続きを読む

マウス操作をやめて省力化！2画面ファイラー「だいなファイラー」の仕事術

2016/12/13 29 users ファイラー 格段 省力化 マウス操作 効率

マウス操作をやめて省力化！2画面ファイラー「だいなファイラー」の仕事術 2016/7/4 2016/7/30 お役立ち Windows用フリーソフト「だいなファイラー」を紹介します。知る人ぞ知るソフトですが、使いこなすと効率が格段にあがります。（画像は公式サイトより引用） 説明のポイント Windows用の「2画面ファイラー」を紹介している。 ファイラーによるキーボード操作でスピードアップが可能。... 続きを読む

URLをコピーしたらQRコードに自動変換して表示するMacアプリをSwiftで作った - Qiita

2016/12/03 25 users Qiita Swift cmd Ctrl QRコード

まずはこちらをご覧ください。 URLをコピーすると自動でQRコードに自動変換して表示してくれてますね。動作としてはURLと思われるテキストをコピーした後、 Cmd + Ctrl + C のショートカットでQRコードを表示するようにしています。つまり Cmd + C → Cmd + Ctrl + C のキーボード操作だけでいけます。便利ですね。 名前は LightningQR⚡️ です。ライトニング... 続きを読む

PC上でキーボード操作でデレステ/スクフェスをプレイする方法。27インチiMacでプレイしてみた！

2015/12/05 13 users デレステ スクフェス Mac Windows PC上

スマホ用のアイドル系リズムゲームとして人気の「デレステ」と「スクフェス」ですが、PC（Mac/Windows） 続きを読む

[JS]シンプルなHTMLで、レスポンシブ対応のかわいいデザインのスライダーを実装するスクリプト -Unslider | コリス

2015/12/04 54 users jQuery Unslider コリス スライダー スクリプト

シンプルなHTMLで、レスポンシブ対応のかわいいデザインのスライダーを実装する超軽量のjQueryのプラグインを紹介します。 キーボード操作やスワイプ操作、そしてマニュアル操作にも対応！ Unslider Unslider -GitHub Unsliderの特徴 Unsliderのデモ Unsliderの使い方 Unsliderの特徴 超軽量 スクリプトは6KBで、超軽量です。 スライドの方向は多... 続きを読む

[JS]スマホ・タブレットでの操作性を重視したタッチデバイス対応のさまざまなスライダーを実装できるスクリプト -Swiper | コリス

2015/03/02 149 users Swiper ネイティブアプリ コリス iOS スライダー

iOS/Androidなど、モバイル向けのWebサイト、Webアプリ、ネイティブアプリでの利用に最適化されたタッチデバイス対応のスライダーを実装できるスクリプトを紹介します。 キーボード操作やマウスのホイール・ドラッグ操作にも対応しているので、デスクトップでもOK！ Swiper Swiper -GitHub Swiperの特徴 Swiperのデモ Swiperの使い方 Swiperの特徴 ライブ... 続きを読む

各コンテンツがカーテンを上げるように表示される縦長ページを簡単に実装できるシンプルなテンプレート -OnePageR | コリス

2014/12/19 65 users Onepager コリス div section要素 Step

div, section要素で配置したパネルをブラウザいっぱいに表示にし、スクロールするとカーテンを上げるようにパネルを次々に表示させるスクリプトを使ったテンプレートを紹介します。 キーボード操作、タッチ・スワイプ操作対応、ナビゲーション装備、コードが非常にシンプルなので縦長ページのテンプレートとして活躍する優れ物です。 デモページ：スマホで表示 OnePageRの使い方 Step 1: 外部ファ... 続きを読む

ヤフー、iOS 8用キーボードアプリを公開 - CNET Japan

2014/12/02 18 users ヤフー CNET Japan 小文字 大文字 公開

ヤフーは12月2日、iOS 8用キーボードアプリ「Yahoo!キーボード」を公開した。利用は無料。オムロンソフトウェアが開発した変換エンジン「iWnn（あいうんぬ）」を使用しており、日本語特有のキーボード操作や変換に合わせた機能を備える。 日本語／英字／数字などの入力モード切替をスムーズに行うための「スワイプ切り替え機能」を搭載。また、大文字と小文字をスワイプで切り替えられるほか、大文字のみの単語... 続きを読む

ここが知りたいGmail：まだマウス操作で消耗してるの？――Gmail操作はショートカットで - 誠 Biz.ID

2014/09/19 32 users Gmail 誠 Biz.ID マウス マウス操作 連載

キーボード操作に慣れている人であれば、できればマウスに手を伸ばさずにキーボード上で操作したいと思うことでしょう。ここではGmail操作の処理速度を上げるキーボードショートカットについて説明します。 連載「ここが知りたいGmail」について これまでの社内業務システムをGoogleが提供するGoogle Appsに移行して、メールもGmailで管理するという企業が増えています。Gmailには高度な検... 続きを読む

配色の参考！美しいCSSグラデーションカラーを集めたギャラリーサイトuiGradients - Photoshop VIP

2014/09/09 63 users 配色 グラデーションカラー Photoshop Vip 参考

カラーリング、配色の参考にしたい美しいCSSグラデーションカラーをあつめたギャラリーサイトuiGradientsが、個人的にデザイン制作で役に立ったので、備忘録的エントリーとしてご紹介します。 画面いっぱいに表示されるスライダーから、お気に入りのグラデーションカラーを見つけたら、画面左下に表示されている「Get CSS Code」をクリック（Enterキーを叩くキーボード操作も可能）。CSSコード... 続きを読む

【今日のお気に入り】画像を見ながらキーボードの操作で指定フォルダへ次々と振り分け「PhotoSift」 - 窓の杜

2014/07/03 42 users フォルダ 画像ビューワー 指定フォルダ キーボード 実行

今日のお気に入り 画像を見ながらキーボードの操作で指定フォルダへ次々と振り分け「PhotoSift」 アルファベットキーに移動先のフォルダを割り当て、キー操作で振り分け実行 （2014/7/3 13:33） 「PhotoSift」v1.11 アルファベットキーや数字キーに振り分け先のフォルダを割り当て キーボード操作で画像を任意のフォルダへ移動またはコピーできるソフト。画像ビューワーのように画像を... 続きを読む

【レビュー】ウィンドウを指定しておいた枠に合わせて簡単にリサイズ・整列「Fit Win」 - 窓の杜

2014/06/18 19 users リサイズ 整列 ウインドウサイズ ウィンドウ レビュー

レビュー ウィンドウを指定しておいた枠に合わせて簡単にリサイズ・整列「Fit Win」 マルチモニターやキーボード操作にも対応 （2014/6/18 10:00） 「Fit Win」v0.1.0.0 「Fit Win」は起動中のソフトのウィンドウサイズを予め決めておいた枠にあわせて変更、並べられるソフト。編集部にてWindows 8.1で動作を確認した。作者のWebサイトから無償でダウンロードでき... 続きを読む

ニュース - Windowsをスリープモードに移行するボタン型USBデバイス：ITpro

2014/05/22 14 users スリープモード ITpro ラトックシステム 瞬時 形状

ラトックシステムは2014年5月22日、1回のボタン操作でWindowsパソコンをスリープモードに移行するUSBデバイス「REX-UECOBTN1」（写真）を発表した。6月上旬に出荷する。例えば、オフィスで離席する際に、マウス操作やキーボード操作をすることなく、瞬時にスリープモードに移行できる。価格（税別）は6400円。 REX-UECOBTN1の形状は、手のひら大（直径7センチメートル）のボタン... 続きを読む

［速報］マウスとキーボード操作を強化した「Windows 8.1 Update」、Windows 8/8.1ユーザー向けに4月8日から無料配布開始。Build 2014 － Publickey

2014/04/02 34 users Publickey サンフランシスコ 米マイクロソフト 配布

米マイクロソフトは開発者向けイベント「Build 2014」をサンフランシスコで開催。Windows 8.1に対するアップデート版となる「Windows 8.1」をWindows 8/8.1向けに4月8日から無料で配布を回すると発表しました。 マウスとキーボードから、より利用しやすく Windows 8.1はマウスとキーボードからWindowsを使いやすくするのが主な変更点。 モダンアプリケーショ... 続きを読む

傷口を超薄フィルムで保護♪ - ケータイ Watch

2014/03/04 56 users 傷口 うっかり 切り傷 スタパ齋藤 住友スリーエム

スタパ齋藤の「スタパブログ」 傷口を超薄フィルムで保護♪ （2014/3/5 06:00） たまーに指先とかに切り傷を作っちゃう俺。まあ誰でもウッカリと指先切っちゃったりしますな。 ただ、俺の場合、仕事上頻繁にキーボード操作をする。ので、指先の傷は速攻で治さないと不便やストレスが増える。仕事に大きく影響するんである。 そこで愛用しているのが、湿潤療法に使うハイドロコロイド絆創膏だ。住友スリーエム（... 続きを読む

｢スーパーマリオブラザーズ｣をHTML5でリメイクしたサイト｢Full Screen Mario｣

2013/10/15 488 users スーパーマリオブラザーズ TNW ファミコン プレイ 8-4

TNWによると、ファミコンで人気の｢スーパーマリオブラザーズ｣をHTML5でリメイクしたサイト｢Full Screen Mario｣が公開されたそうです。 実際にキーボード操作でプレイする事が可能で、”1−1”だけかと思いきや”8-4”までの全ての面がプレイ可能となっています。 また、マップジェネレーターも用意されており、自分でマップを作る事も可能です。 ・Full Screen Mario 続きを読む

これはスゴイ！HTML5でリメイクされたスーパーマリオブラザース | コリス

2013/10/10 196 users スーパーマリオブラザーズ コリス Chrome スゴイ 左右

HTML5で作られたスーパーマリオブラザースを紹介します。 ブラウザはChromeでお楽しみください。 Full Screen Mario 操作はキーボードで行います。 移動 左右の矢印キー or AとD ジャンプ 上の矢印キー or W or スペース ファイア Shift ポーズ P ミュート M 音が気になる人は、「M」で。 キーボード操作なので慣れが必要ですが、けっこう楽しめます。 1-1... 続きを読む