ブックマーク / frasco.io (2)

  • アクセシビリティを意識した CSS の書き方 - Frasco

    私は約一年前から Web アクセシビリティについて注目し始めました。私にとって何かを学ぶこと最も効率的な方法は他人に教えることなので、ミートアップやカンファレンスなどで発言したり、このトピックに関する記事を書いているわけです。Progressive Enhancement については Smashing Magazine で、Web アクセシビリティに関しては Medium で書いています。この記事は3つ目の Web アクセシビリティ関連の記事です。このシリーズを読むのに特に決まった順序はありませんので、興味があれば Writing HTML with accessibility in mind や Writing JavaScript with accessibility in mind を読んでいただければと思います。 私が初めて Web サイトを作った17歳当時、CSS は比較的新しい

    アクセシビリティを意識した CSS の書き方 - Frasco
    kojika17
    kojika17 2017/10/27
    ほぼデザイン
  • ユーザーインタフェースにおける視覚効果 - Frasco

    われわれの目はとても奇妙な器官であり、ときどきわれわれ自身に嘘をつきます。ヒトの視知覚の特性を知っていれば、より親しみやすく、よりすっきりとしたデザインの作成が可能となるでしょう。視覚トリックを活用し、読みやすくてバランスのとれたフォントを制作するタイプフェイスデザイナーだけでなく、ユーザーマシンを作るインターフェースデザイナーにとっても役に立つ知識です。 1.整然としたビジュアルサイズ どちらが大きいでしょうか?:400ピクセル四方の正方形でしょうか?それとも400ピクセル四方の円でしょうか?幾何学的に言えば、どちらも幅と高さはまったく同じです。では、下図をご覧ください。われわれの目は、正方形の方が円より重い(大きい)と瞬時に捉えてしまうのです。余談ですが、ビジュアル効果を言い表す際には、重さに関係した単語の方が適切です。 この図形が正しく描かれていると信じられない方たちのために、ガイド

    ユーザーインタフェースにおける視覚効果 - Frasco
    kojika17
    kojika17 2017/10/24
  • 1