본문 바로가기
반응형

접근성2

인클루시브 디자인 패턴 #2174 인클루시브(inclusive)의 사전적인 의미에는 '폭넓은, 포괄적인' 의미를 가지고 있다. 접근성을 위주로 한 디자인, 주로 웹디자인에 대해서 다루고 있는 책이며 디자인, 접근성, 코딩 측면에서 다양하게 인클루시브라는 하나의 주제를 다루고 있는데 무척 유용한 책이라 여겨진다. 인클루시브 디자인 패턴은 이제 웹을 시작한 코더나 디자이너 기획자가 읽으면 앞으로 피와 살이 될 이야기들이 적혀 있다. 폰트, 폼, 컬러는 물론이고 사용성을 높여 사용자가 사용하기 편한 웹디자인이란 무엇인지 자세하게 다룬다. 물론 다양한 모든 케이스를 다루기에는 방대한 양이기 때문에 일부분이지만 예제를 다루고 있으며 그 예제를 통해 다른 요소에 적용시키는 방법을 스스로 공부해 나간다면 지금보다 좀 더 한 단계 발전된 사.. 2021. 11. 29.
접근성을 고려한 프런트엔드 UI 샘플 - Frend #1967 Frend(프랜드?) 발음은 잘 모르겠습니다만.. 접근성을 고려한 최신 프런트 엔드 구성요소입니다. 자바스크립트는 ES2015 모듈을 사용하고 있다고 합니다. 이 사이트는 많이들 사용하고 있는 Jekyll로 구성된 사이트네요. 사이트에 사용된 CSS는 BEM을 적용시켰다는 등등 여러 정보가 있지만, 이런 건 둘째치고 사이트에서 제공하고 있는 샘플들은 공부하기에 적당한 것 같습니다. 사이트 구조는 Frend에서 제공하는 샘플이 전부입니다. 각 샘플들의 페이지에서는 각 샘플에 대한 개요와 설치방법, 사용법, 옵션, 지원 브라우저 현황(데스크톱, 모바일 포함) 등에 대해서 설명해 주고 있는 구조를 가지고 있습니다. Frend — A collection of accessible, modern fron.. 2019. 10. 26.
728x90
반응형