色覚障がい者に配慮したWebサイトの作り方
2017年4月11日 Webサイト制作, アクセシビリティ, 色彩 今持ってるプロジェクトの中で、視覚・色覚障がい者にも配慮したWebサイトの制作があります。視覚障がい者向けのサイト制作についてはいくつか記事を発見できたのですが、色覚障がい者に向けたWebサイト制作についてはなかなかヒットしなかったので、断片的に読んだものを記事にまとめました。参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ 追記: 一部表記の仕方を変更しました。 色覚障がいについて 目の、色を認識する細胞の変異で、色の識別が異なることを「色覚障がい」「色覚異常」と呼びます。色覚障がいといってもいろいろな種類があり、ここでは人口の多い赤系統や緑系統の色の識別が困難な、赤緑色覚異常の場合について書いてみます。 困難な点としては 灰色だと思ったらピンクのシャツだった 焼肉の際、生肉と焼けている肉の区別がつきに
第9回 ページ内リンクをスムーズにスクロールさせるには | gihyo.jp
ease系のJavaScriptプラグインで気持ちいい動きを演出 1ページの中に複数のページ要素を配置し、ページ内リンクで移動するタイプのサイトを目にするようになってきました。たとえば2007年度のグッドデザイン賞 コミュニケーションデザイン部門を受賞した石川県の温泉「多田屋」のサイトは、Flashを使い、1枚の大きな絵の中をスクロールして移動するUIとなっています。 図1 石川県の温泉「多田屋」のサイト 最近では、Flashではなく、JavaScriptを使って静的なページの中を遷移するタイプのサイトも見かけるようになりました。たとえば「Pline Studios of Architecture」はとても美しいUIとなっています。 図2 JavaScriptでページ内を移動する「Pline Studios of Architecture」 実装にはMITライセンスのscrollto.js
clueTipツールチップ
Below are quite a few examples of how you can add a clueTip to your page, using a wide range of options. Keep in mind that there is nothing magical about the HTML markup. You can use any jQuery selector you want to attach your clueTips. For example, if you want to attach clueTips to all links with a class of "peanuts," you would simply write in your jQuery code: $('a.peanuts').cluetip();. Default
LavaLamp for jQuery lovers! | Ganeshji Marwaha
Click on the above image to land in the Lava Lamp Demo page. Then, hover over it and feel for yourself, the nifty effect that Lava Lamp offers. What you just experienced is nothing but the LavaLamp menu packaged as a plugin for the amazing jQuery javascript library. I personally believe that the effect rivals that of flash – Don’t you? Especially considering the fact that it is extremely light wei
丸1日かけて、ホテルオークラ特製「フレンチトースト」を再現してみた - はてなニュース
以前はてなブックマークで“死ぬほど美味い”と絶賛されていたホテルオークラ特製の「フレンチトースト」をご存じでしょうか？美味しさの秘密は、“パンを丸1日漬け込む”という老舗ホテルこだわりのレシピ。今日はホテルオークラが公開しているレシピを参考に、このフレンチトーストを実際に作ってみました。 ▽ ホテルオークラ東京の死ぬほどうまいフレンチトースト - ただのにっき(2010-07-10) こちらのエントリーで紹介されたのをきっかけに、はてなブックマークでも「美味しそう！」「食べてみたい！」という声が続出していたホテルオークラ特製のフレンチトースト。筆者によれば「ナイフを入れるとサクっと入る。マシュマロより軽い手ごたえ。表面が少しカリっとしていて、中はふんわり。」という今までにない食感とのこと。パンを丸1日漬け込んで作るため予約が必須で、その予約もすぐに埋まってしまうほどの人気ぶりだそうです。
Facebookが気持ち悪いことに気付いてしまった（いい意味で） - ネタフル
先週くらいから急に思い立ち、Facebookを本格的に試しています。誰かに言われたからということではなく、本当になんとなく、です。なんとなく第六感でピーンときたのです。 すると、全く同じようなタイミングでFacebookに熱くなった人たちもいたようで、次のような記事が出てきました。 ▼フェイスブックがはじまりそうな件 – ゆーすけべー日記 ▼フェイスブックが面白い – IT戦記 Facebookの利用者が日本でも増えつつあることは、Facebookから届くフォロー確認のメールが増えたことでなんとなく気付いていたのですが、いざ始めると、あまりのレスポンスの良さにとりあえず驚いています。 Facebookでは投稿した発言に対して「いいね」というリンクをクリックして気に入ったかどうかの意思表示をすることができるのですが、これがあまりにも高速すぎるのです。どこにそんなに人が隠れているのかと。 そう
荒岡保志の偏愛的漫画家論（連載8） - 清水正ブログ
ここをクリックしてください エデンの南 清水正の林芙美子『浮雲』論連載 清水正研究室 清水正の著作 Ｄ文学研究会発行本 精力的に漫画論を書きすすめている荒岡保志さんの神田森莉論がいよいよ本日から連載。神田森莉の漫画は再評価されなければならないだろう。荒岡さんは神田森莉の発掘人として、この偏愛漫画家論に情熱を注いでいる。ぜひお読みください。 偏愛的漫画家論（連載8） 神田森莉論 1Ｑ94ホラー漫画に何が起こったか？（その①） 荒岡 保志（漫画評論家） 自宅書斎での荒岡保志 撮影・清水正（2010年10月9日） カルトと呼ばれる漫画家が存在する。 ホラー、ファンタジー、ＳＦ、アクション、ギャグ、ラブ・ストーリー、ヒューマン・ドラマなどのジャンルを問わず、少年漫画、少女漫画、青年漫画、レディース・コミック、エロ漫画、同人誌などのカテゴリーも物ともせず、また、大御所、新人の区別さえ
喫茶店のグルーポン利用 | rionaoki.net
グルーポンについてはTogetterでも話題になったが、喫茶店オーナーによる生々しいグルーポンの感想が反響を呼んでいる。 Posies Cafe » Blog Archive » Groupon in Retrospect グルーポン（ないし同様のクーポンサイト）を利用しようという飲食店経営者は必見の内容となっている。 We were going to offer a $6 for $13 (pay $6 and get $13 worth of product) because John told me people really respond to deals that are over 50% discount. この喫茶店では$13の商品を$6で提供しようというクーポンを売りにだしたそうだ。 John told me that when the consumer pays les
WEBアプリの開発環境であることを分かりやすくバッジ表示できるjQueryプラグイン:phpspot開発日誌
coryroloff's environment-badge at master - GitHub WEBアプリの開発環境であることを分かりやすくバッジ表示できるjQueryプラグイン。 プラグインを読み込んで初期化すると次のように右上に固定でバッジを表示することができ、今自分が開発環境で作業していることをより分かりやすくすることが出来ます。 クリックするとサーバの情報等を追加で表示させることも可能です。 スクリプト側で、開発環境の場合はこのjQueryプラグインを呼び出すように設定しておくと、開発している状況・環境にもよりますが、謝って本番環境で作業してしまうというのを防ぐことも出来るケースがありそう。 開発・本番の分けというのを示すためだけではなく、利用者に対する通知としてのインタフェース実装に使ってもよい気がしますね。 関連エントリ Twitterのようにスマートな通知バーを一瞬で実
画像上のマウス位置虫眼鏡で拡大したように表現できるjQueryプラグイン:phpspot開発日誌
Apple-like Retina Effect 画像上のマウス位置虫眼鏡で拡大したように表現できるjQueryプラグイン。 マウス位置の画像を拡大表示することができます。AppleのRetinaディスプレイのPRページっぽい表現が簡単に実装できるようです。 キャンペーン用のページなんかで、何かを探してください、みたいな感じで利用者に遊んでもらうインタフェース作り等に使えそうですね。 見た目的にもなかなかカッコいいです。 関連エントリ 画像をスムーズに拡大できるjQuery版FancyZoom 特定ブロックの文字のみ拡大縮小できる便利機能実装jQueryプラグイン「fontScaler」 拡大の仕方がクールなLightBox実装jQueryプラグイン「YoxView」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今日もやられやく - FC2 BLOG パスワード認証
IDEA * IDEA
IIS+CMS/ポータル OSS一覧 - IIS PHP インストール情報サイト [IIS de OSS 64bit]