Weekly JStudy

Weekly JStudy. #001(2021.04.17)

Apr 17, 2021

Webフロントエンドまわりを中心に1週間で学びを得たことを記録する週刊ブログです。

z-indexとスタッキングコンテキスト(Stacking Context)


ハプティック(Haptic)


ジェームズ・ギャレットのUX5階層モデル

  • ジェームズ・ギャレット氏が「Elements of User Experience」という著書の中で紹介した、UXを考える上で重要な5階層モデルの思考法
  • 5つの要素は段階的に、密接につながっている
    • 表層:ビジュアルデザイン
    • 骨格:インタフェースデザイン、ナビゲーションデザイン、インフォメーションデザイン
    • 構造:インタラクションデザイン、情報アーキテクト
    • 要件:機能仕様、コンテンツ要求
    • 戦略:ユーザーニーズ、目的
  • 参考文献

言語イメージスケール


visibility: hiddenのdisplay: noneとの違い

  • visibility: hiddenは要素を隠し、アクセシビリティツリーからも削除されるが、要素の大きさは確保される

window.matchMedia

  • 指定されたメディアクエリ文字列のパース結果を表す、新しいMediaQueryListオブジェクトを返します
  • useMediaのようなカスタムhooksをつくれそう
  • 参考文献

visually-hidden


webkitでrelayoutが発生する場合、tableの中のcaptionタグがあると下に飛んでっちゃうバグ