【まとめ】ファミコンをブラウザで楽しめるサイト全集 | アナクロセンス-ゲーム情報-

2013/03/02 966 users アナクロセンス ファミコン マリオブラザーズ ドンキーコング

ファミコンソフトをブラウザゲームとして遊べるまとめ かなり量が多くなりましたが、ブラウザからキーボード操作で遊ぶ事ができます。仕事の気分転換等にどうぞ。 マリオブラザーズ（任天堂） http://www.1980-games.com/us/old-games/nintendo/m/Mario_Bros/game.php ドンキーコング（任天堂） http://www.crazymonkeygame... 続きを読む

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

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

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

サクサク引けるRubyリファレンスマニュアル

2013/05/27 529 users Rubyリファレンスマニュアル ビューア るりま Mac版

高速検索で素早く探せるRubyリファレンスマニュアル（るりま）ビューア。すぐに利用できるWeb版と、オフラインで利用できるMac版を公開しています。るりまプロジェクトの成果物であるRuby日本語リファレンスマニュアルのビューアです。高速な検索とキーボード操作で目的の項目を素早く見つけることができます。 すぐに利用できるWeb版と、オフラインで利用できるMac版を公開しています。 続きを読む

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

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

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

Mozilla Re-Mix: 【2009年末版】 きっと誰かの役に立つ49個のFirefoxアドオン。

2009/12/25 373 users Firefoxアドオン Mozilla Re-Mix

(12/25)【2009年末版】 きっと誰かの役に立つ49個のFirefoxアドオン。 (12/24)テキスト表記のURLをハイパーリンクとして表示してくれるFirefoxアドオン「Url2Link」 (12/23)キーボード操作（コマンドライン）でFirefoxを快適に操作できるGreasemonkeyスクリプト「gleeBox」 (12/22)Google マップをFirefox上でシンプルに... 続きを読む

[JS]jQueryのプラグイン33+1選 -2009年3月 | コリス

2009/03/09 293 users jQuery コリス スクリプト パネル 高性能

紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 jquery.scrollable ホイール・クリック・キーボード操作にも対応した、パネルをスクロールする高性能なスクリプト。 Finder Mac [...] 続きを読む

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

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

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

[JS]シンプルなHTMLでレスポンシブ対応のスライダーを実装する超軽量のスクリプト -Unslider | コリス

2013/03/18 206 users jQuery Unslider コリス スライダー スクリプト

シンプルなHTMLでレスポンシブ対応のスライダーを実装する超軽量のjQueryのプラグインを紹介します。 デスクトップのキーボード操作やスマフォ・タブレットのスワイプ操作にも対応！ Unslider Unslider -GitHub Unsliderの特徴 Unsliderのデモ Unsliderの使い方 Unsliderの特徴 実装は簡単でクリーン HTMLは非常にシンプルで、カスタマイズも容易... 続きを読む

[JS]多彩なアニメーションを備えたスライドショーがスクリプトを一行も書かずに実装できるスクリプト -Cycle.js | コリス

2013/01/24 203 users コリス GitHub ARIA エブ 一行

スクリプトもスタイルシートも書かずに、多彩なアニメーションで画像がスライドするスライドショーを実装できるスクリプトを紹介します。 こういう実装方法がこれから増えてくるかもしれませんね。 Cycle.js Cycle.js -GitHub 対応ブラウザは下記の通り。 IE8+ Chrome Firefox Safari Opera TODOとして、ARIAのサポート、キーボード操作、IE7対応、エフ... 続きを読む

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

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

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

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

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

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

[JS]タッチデバイス対応、古いブラウザもカバーするシンプルで快適なスライダーの軽量スクリプト -Glide.js | コリス

2013/09/06 88 users コリス jQuery スライダー Glide.js スワイプ

シンプル・軽量で、レスポンシブ対応、タッチデバイス対応、スワイプもキーボード操作にも対応したカスタマイズにも優れたOOCSSベースでマークアップされたスライダーを実装するjQueryのプラグインを紹介します。 Glide.js Glide.js -GitHub Glide.jsのデモ Glide.jsの使い方 Glide.jsのデモ デモはスマフォ・タブレットをはじめ、最新のモダンブラウザでご覧く... 続きを読む

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

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

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

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

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

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

iPad をキーボード操作だけでアプリの切替やホーム画面の表示する方法 (昼刊) - たのしいiPhone！ AppBank

2012/11/09 63 users AppBank たのしいiPhone アクセシビリティ 昼刊

iPad と外付けキーボードを使っている方に小耳に挟んでいただきたい「iPad 用キーボードショートカット」のご紹介です。 iPad をノートパソコンのように外付けキーボードをつないで操作している方って結構いらっしゃると思います。 外付けキーボードを使っている時に、「アプリの切替をキボードだけでできたらなぁ」と思ったことはありませんか？ 実は、アクセシビリティの機能を使えばアプリの切替だけじゃなく... 続きを読む

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

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

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

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

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

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

Going My Way: キーボード操作だけでiTunesを操ったり、Art Worksを自動で埋め込んでくれるiTunesKeys

2005/12/15 48 users bluewind コマンドランチャー iTunes 操作 文字

キーボード操作だけでiTunesを操ったり、Art Worksを自動で埋め込んでくれるiTunesKeys スポンサード　リンク ノートPCとかを使っていると、かなり頻繁にキーボードを使います。文字を打ち込むだけでなくソフトの操作なんかについてもキボードのショートカットをうまく使いこなすことで効率よく操作ができるようになります。よくお勧めするコマンドランチャーのbluewindなんかは慣れると本当... 続きを読む

Mac OSX でファイルブラウジングを快適に。DocにHDDを追加：Goodpic

2006/01/26 44 users lifehacker Goodpic doc Tips HDD

LifeHackerに乗っていた、Mac OSXのTips。DocにHDアイコンをドラック＆ドロップ。HDアイコンを右クリックすると、HD内のファイルすべてにアクセスできるように。確かにこれは、なぜ今までやらなかったのか！系のTipsですね。 Put your hard disk in your dock - Lifehacker quicksilverを使うと、キーボード操作だけでファイルブラウ... 続きを読む

ジャンル分けされたミュージックビデオを垂れ流ししてくれるサイト「Helloday」*二十歳街道まっしぐら

2011/04/22 43 users YouTube動画 ムード ミュージックビデオ ランダム 以下

Helloday あなたの今日のムード作りを支援 「Helloday 」は今日一日のムードをより良くするための支援サイトです。 内容はジャンル分けされたYouTube動画（ミュージックビデオ）をランダムに流してくれるというもの。 細かくジャンルが別れており、たくさんのミュージックビデオが次々と流れますよ。 動画は横長で画面いっぱいいっぱいに表示され、キーボード操作も可能です。 以下に使ってみた様子... 続きを読む

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

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

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

ひげぽん OSとか作っちゃうかMona- : はてなRSSを簡単キーボード操作

2005/11/07 42 users http マウス 手順 リリース 片手

はてなRSSを簡単キーボード操作 rss はてなリングのリリースでちょっと影に隠れてしまいましたが、はてなRSSにキーボード操作機能を追加しました。 これはちょっとこだわりがありまして、皆様にぜひ一度試してもらいたい機能です。 ポイントはマウスを使わず片手で、記事をさくさく読みすすめられるということです。 簡単に手順を紹介します。 1. はてなRSSにアクセス http://r.hatena.ne... 続きを読む

[JS]設置も簡単、機能も豊富、キーボード操作でパネルをスライドする -FerroSlider | コリス

2011/10/12 41 users コリス cla div class title

FerroSliderの使い方 HTML 各パネルはdiv要素で配置します。 <div id="div1" class="slidingSpaces" title="Page 1"> first page </div> <div id="div2" class="slidingSpaces" title="Page 2"> second page </div> <div id="div3" cla... 続きを読む

キーボード操作だけでネットサーフィンができるChrome拡張機能『DeadMouse』 : ライフハッカー［日本版］

2012/08/01 37 users アドオン Chrome マウス ライフハッカー ソフトウェア

Google , Google Chrome , アドオン , ソフトウェア , ブラウザ キーボード操作だけでネットサーフィンができるChrome拡張機能『DeadMouse』 2012.08.01 17:00 Chrome：『DeadMouse』はキーボードのみでのネットサーフィンを可能にしてくれるChrome用拡張機能。 アイデアはとてもシンプル。リンクをクリックしたい場合、マウスでクリック... 続きを読む

あなたのキーボード操作を学習するiPadキーボードアプリTypeWay : ギズモード・ジャパン

2012/02/04 37 users ギズモード iPhone ジャパン iPad あなた

iPad , iPad/iPod/iPhone/iTunes , スマートフォンアプリ あなたのキーボード操作を学習するiPadキーボードアプリTypeWay 2012.02.04 09:00 [0] [0] Tweet Check キーのあるところを打つのではない、打つところがキーになるのだ！ タブレット端末でタイプする時、タッチスクリーンに乗せた手そのままの形で操作ができる。あなたに馴染むキー... 続きを読む