タグ

uiとcssに関するthleapのブックマーク (2)

  • パターンライブラリー | Accessible & Usable

    公開日 : 2015年10月17日 (2019年1月26日 更新) カテゴリー : アクセシビリティ / ユーザビリティ ウェブサイトやアプリケーションの開発や運営においては、一貫性のあるユーザーインターフェース (UI) を採用し、維持することが、ユーザビリティ上重要になります。UI の一貫性を保つためには「パターンライブラリー」を用意し、プロジェクト関係者の間で共有しておくと便利です。 パターンライブラリーとは、サイトやアプリを構成する UI コンポーネントをパターン化して再利用できるように、一覧化したものです。「スタイルガイド」と呼ばれることもあります。 パターンライブラリーの内容 プロジェクトによってパターンライブラリーに含まれる内容は様々だと思いますが、主な構成要素としては以下が挙げられます。 UI コンポーネントの外見およびインタラクション 実装に用いるソースコード (HTML

    パターンライブラリー | Accessible & Usable
    thleap
    thleap 2015/10/19
    UIパーツを粒度を意識して分ける。ここでは、原子 (atoms) / 分子 (molecules) / 器官 (organisms) の3つのレベルに分けている
  • Basic Ready-to-Use CSS Styles | Codrops

    This is a collection of some basic styles that can come in handy when creating your own style definitions. Learn how to make some useful classes for simple styles and how to apply them to a variety of elements. Today we are going to dig a little bit more into process development. When you’re creating a website or an application from scratch, you may need a collection of patterns helping you buildi

    Basic Ready-to-Use CSS Styles | Codrops
  • 1