色覚異常のある方にも見やすいデザインを作ろう！チェック方法と対策をご紹介 | WEB業界で働く人や興味がある人に役立つ情報サイト"qam（カム）"
投稿者： もの カテゴリー： デザイン >WEBデザイン カラーユニバーサルデザインという言葉を聞いたことがありますか？色の見え方が一般の方とは異なる方、つまり色覚異常のある方にも見やすいデザインのことです。 医療系や公共施設などの生活に関わるwebデザインを作る際には、特に注意すべきこととして挙げられます。 今回は、色覚に配慮したデザインについていろいろと調べて分かったことを手短に説明した上で、チェックの仕方や対処方法をご紹介したいと思います！ 色覚異常の方の見え方とは 「色覚異常」といっても、すべての色の区別がつかないとは限りません。種類はさまざまですが、特に多いのが「1型色覚（P型）」「2型色覚（D型）」と呼ばれる型です。 いずれも、赤と緑の区別がつきにくいそうです。 日本では男性の20人に1人、女性で200人に1人いらっしゃるとのことなので、決して少なくはないのですね。 ↑の図は、
【WEB担当者向け】Googleアナリティクスで最低限、毎日チェックすべき３つのポイント | 「WEB制作」内製化支援.com
こんにちは、WEBマーケティング事業部の望月です。 WEB担当者にとって、サイトを改善していく上で日々の数字の進捗を追っていくことは非常に重要ですよね。 しかし、そんな事は分かっているけど、Googleアナリティクスをチェックしたくてもチェックする時間が十分に取れない・・と嘆いている方も多いのではないでしょうか？ そこで今回は最低限、毎日チェックすべき項目３つと、グーグルアナリティクスでのその画面の開き方（見方）をご紹介いたします。 Googleアナリティクスで毎日チェックすべき３つのポイント１、サイトの全体概要をチェックする まず、サイト全体の概要をチェックするには、「ユーザー」の中の「サマリー」という項目から確認をします。 グーグルアナリティクスでは、以下のキャプチャの赤枠「サマリー」をクリックしましょう。 この画面では、サイトに訪問したユーザーの「セッション数（訪問数）」「ユーザー数
ESLintでJavaScriptの構文チェックを始める ｜ Tips Note by TAM
ESLint の考え方は「Everything is pluggable」。 全てのチェック項目は自由にON/OFFの切り替えが可能で、独自のルールを作成して追加することも可能です。 また既存のルールについては比較的ドキュメントが充実しています。 ・eslint/docs/rules at master · eslint/eslint JSCS 構文チェックも可能ですが、エラーが発生した箇所をフォーマットに合わせて自動修正させることが可能です。 2016年4月、JSCSはESLintに統合されることが発表されました。 すぐできるESLintの使用環境 ESLint はカスタマイズの自由度がとても高い構文チェックツールですが、 複雑なカスタマイズをしようとすると、それなりに手間がかかります。 使ったことが無い方は、とりあえず手間を掛けずに一度ツールを使ってチェックしてみたい、 と思われるかも
デザインは第一印象が大切！5秒でできる3つのデザインチェック方法 | Webクリエイターボックス
2016年5月10日 Webデザイン, ユーザビリティ, 色彩 人間は一瞬で物を識別します。研究によると、たった0.1秒で人を判別できるようです。Webサイトにおいても同じことが言え、ユーザーはWebサイトを開いて0.05秒でそのサイトが好きかどうかを判断し、そのサイトを見続けるか、閉じるかを決めるそうです。そんな大切な「第一印象」。どのようにチェックすればいいのか、考えていきましょう！ ↑私が10年以上利用している会計ソフト！ ぼかしテスト ぼかしテストでは、デザインをぼかした状態で確認し、強調するべき箇所が強調されているかをチェックします。 テスト方法 Photoshopを使う方法と、ブラウザーを使う方法があります。 Photoshopを使う方法 バナー広告やWebサイトのスクリーンショット画像を用意 Photoshopで フィルター＞ぼかし＞ぼかし（ガウス）で5〜10pxほど画像をぼ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web制作者がブックマークしておきたい、HTMLやCSSで困った時にチェックしたいリソースのまとめ
