so-zou.jp
Webアプリケーション開発の技術情報
  • トップ
  • Webアプリ
  • 技術情報
  • Webデザイン

Webデザイン

目次
  • Webアクセシビリティ
  • レスポンシブWebデザイン

全般

配色

参考

  • 色の組み合わせチェック - 読みやすい前景色と背景色 - The Web KANZAKI
  • G145: テキスト(及び画像化された文字)とその背景の間に、少なくとも3:1以上のコントラスト比をもたせる|WCAG 2.0 実装方法集
  • G183: 色の違いだけで示されているリンク又はコントロールは、その文字色と周囲にあるテキストとのコントラスト比を 3:1 以上にして、フォーカスを受け取ったときには視覚的な手がかりを補足して強調する|WCAG 2.0 実装方法集
参考書
  • Web配色事典 Webセーフカラー編 [技術評論社] シーズ

≫CSSによる色の指定方法

ツール

Twitter Bootstrap

  • Bootstrap
  • twbs/bootstrap · GitHub
  • ASCII.jp:Webサービス開発者のためのTwitter Bootstrap入門 おおくぼようすけ、まきのてつお (2013/06/11~)

Lynx

Lynxでは画像が表示されず、さらにCSSやJavaScriptも適用されない状況での表示を確認できます。

参考

記事一覧

  • 「サイト企画/制作/デザイン」カテゴリの記事 -すべて | Web担当者Forum

関連ページ

  • アクセシビリティ
複数の技術系サイトから、まとめて検索
  • HTML
    • CSS
  • XML
  • プログラミング
    • PHP
    • JavaScript
    • 言語比較
  • Web API
    • Google
    • Yahoo!
    • Bing
    • Twitter
    • Facebook
    • YouTube
  • 検索エンジン
    • Google
    • Yahoo!
    • Bing
  • データベース
    • SQLite
  • フィード
    • RSS
  • 開発ツール
    • 統合開発環境
    • デバッガ
  • ブラウザ
    • Internet Explorer
    • Firefox
    • Chrome
  • サーバ
    • Apache
  • セキュリティ
  • オンライン広告
  • 資料
    • コード
関連情報
  • ネットワーク技術
  • お問い合わせ
  • プライバシーポリシー
  • サイトマップ
Copyright © 2006-2025 BABA. All Rights Reserved.