UX·UI - FrontEnd Dev. Story

프론트엔드/추천 사이트 6

스크린리더 사용해서 테스트 해보기 / Screen Reader Test 방법

Google Play [ Chrome Vox ]로 스크린리더 사용해서 테스트하기 스크린 리더(Screen Reader) 란 – 시각 장애인들에게 화면 내용과 자신이 입력한 키보드 정보나 마우스 좌표 등을 음성으로 알려주는 기능. 가끔 내가 만든 코드가 스크린 리더가 읽히기 쉽게 잘 작동되는지 궁금할때가 있었다. 그래서 테스트 해보고싶어서 검색하다가 chrome vox 라는걸 알게되었다. 사용법은 아래와 같다. 01. 구글에서 구글 앱 버튼 누르기 02. 구글 웹 스토어 들어가기 03. 검색창에 [ Chrome Vox ] 입력 후 "확장 추가" 04. 내 계정에서 접근성에 스크린 리더를 "사용"으로 설정 - 추가하자마자 바로 작동될 수도 있다. 여기까지 했다면, 마우스가 선택하는 곳마다 음성으로 스크린 리..

[추천 사이트] 디바이스 사이즈 / 모바일 크기 사이즈 / 모니터 화면 사이즈 알아보기

디바이스 사이즈가 정리된 사이트 추천 - 웹 / 모바일 작업하면서 디바이스마다 사이즈 달라서 어떤 기준으로 작업을 해야할지 스트레스 받는데 사이즈 확인 가능한 사이트 입니다. 이걸 통해서 미디어쿼리 사용하면 훨씬 편하겠죠~? 스크린 사이즈라는 사이트에 들어가면 핸드폰 디바이스 또는 태블릿 사이즈별로 나눠져있어서 원하는 기기의 가로/세로 정보들을 확인해 볼 수 있습니다 :) 버튼은 5종류가 있는데 제일 앞에서부터 버튼 설명하자면 1. 검색기능 2. 모바일 사이즈 종류 3. 태블릿 사이즈 종류 4. 모니터 사이즈 종류 5. 옵션 체크리스트 검색 버튼을 누르면 검색창이 나오면서 텍스트를 적을 수 있어요. [ 전부 영어로 되어있어서 영어로 쳐야해요 ] 예시로 samsung으로 적으니까 samsung 디바이스 위..

[추천사이트]UX - UI 디자인 영감얻기 / 공부하기 좋은 사이트

UI Movement Only the best UI design inspiration, right in your inbox uimovement.com 매일 영감을 주는 최고의 UI 디자인 사이트 Design Pttrns Check out the finest collection of design patterns, resources, mobile apps and inspiration pttrns.com 모바일 디자인 패턴 컬렉션 Dribbble - Discover the World’s Top Designers & Creative Professionals Discover the world’s top designers & creatives Dribbble is the leading destination to f..

반응형