タグ

2011年9月14日のブックマーク (2件)

  • CSS3で追加になったセレクタを試す - めも帖

    スマートフォンだとか、Firefoxや、WebkitだけだとCSS3を使うことが増えます。 改めて、CSS3について調べてみると、セレクタが増えてます。そうか、増えていたかと思い、テーブルや、ulなどで使いそうなのを書いてみました。 nth-child(even) 偶数番目の要素(エレメント)に対してスタイルを設定します。 よくある偶数番目に色がつく表の対応がJavaScriptを使わなくても、対応できます。 スマートフォンでも、よく使われている表現なので便利! first-child ただ、1行目は...ということもありがち。 あと、要素が並ぶときに、1つめの要素にはborder-topで線を出したい...ということも出来そう last-child ただ、最後の行は...ということもありがち。 とうぜん、border-bottomで、線を出したい、ということもありますね。もしくは、mar

    CSS3で追加になったセレクタを試す - めも帖
    d4-1977
    d4-1977 2011/09/14
    CSS3、便利
  • コントラスト比に関するA/Bテスト事例 : まりっぺぶろぐ

    ※戦略室アカウントでアップロードされたものが何か見切れてたので、個人アカウントでアップしなおしました>< 発表することになった経緯についてはUIO戦略室ブログをご覧ください。 色彩センスのいらない配色講座ではあえて「コントラスト」の概念には触れなかったんですが、文字情報を伝える際にはコントラストを確保することが必要です。また、コントラストが高い部分は強く、低い部分は弱く見えますので、情報の強弱をつける際に意識したりします。 参考資料 ウェブコンテンツ・アクセシビリティ・ガイドライン (WCAG) 2.0 W3Cが提唱する、ウェブコンテンツを制作する際のアクセシビリティを向上させるためのガイドライン。 カラー・コントラスト・アナライザー WCAG2.0で定められているコントラスト比を確保しているかどうかをチェックするツール。 まりっぺ | 2011年12月19日 23:58 コメントありがと