タグ

2008年1月19日のブックマーク (2件)

  • twitter の JavaScript Badge を改造

    しつこく twitter ネタでまいります。 前回の記事で JavaScript の Badge がちゃんと動くようになりました。これで CSS を使えば自由にレイアウトできるようにはなったんだけど、もうちょっと詳しくコードを分析する事でより柔軟なカスタマイズができるようになりたいところ。 ってか、自分で使うにはもう一つなので気で自分が作るようのカスタマイズをしてみます。 1)まずは、標準の JavaScript Badge +日付バグの修正の内容をおさらい Badge は twitter にログインしたあと、上メニューの Badge にあります。 http://twitter.com/account/badge それを改造したのが前回の記事です。 <script type="text/javascript"> function relative_time(time_value) { t

    twitter の JavaScript Badge を改造
  • 色の組み合わせチェック - 読みやすい前景色と背景色

    誰にも読みやすいコンテンツとするためには、文字色と背景色のコントラストをしっかり確保しなければなりません。これを客観的にチェックするため、色の明るさの差などを計算する仕組みを用意してみました。 色の組み合わせ検証 テストの手法 コントラストの計算 色覚偏位のシミュレーション 当サイトが独自に加えたコントラストの段階評価 コントラストと読みやすさの相関関係 色の組み合わせ検証 検証してみたい文字色と背景色の組み合わせを入力してみてください。色の指定には3桁もしくは6桁の16進数カラーコード、あるいは色名(CSS2の色名+SVGの色名、計147色)およびrgb()の表現が使えます(初期値は、読みにくい例が入っています)。また、入力欄左ボックスから216色のパレットを呼び出して入力することもできます。文字色2、3は、複数の文字色の組み合わせを表示するためのオプションで、コントラストなどの計算は行