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

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

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

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

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

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

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

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

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

｢スーパーマリオブラザーズ｣を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... 続きを読む

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

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

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

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

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

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

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

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

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

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

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

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

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 [...] 続きを読む