UI 개발에 유용한 사이트 모음

1. https://caniuse.com/

HTML5, CSS3, Javascript 등 여러가지 속성과 값에 대한 브라우저 지원 여부를 알려준다. 브라우저가 지원을 안할 경우 Resources 탭을 한 번 확인하자. Polyfill 을 제공하여 사용할 수 있도록 도와주기도 한다.

2. https://www.miketaylr.com/pres/html5/forms2.html

HTML5 의 다양한 폼 컨트롤 요소가 정리되어 있다. IE 의 경우 지원안하는 경우가 많으므로 https://caniuse.com/ 에서 확인하고 사용하자.

3. https://googlefonts.github.io/korean/

머싱러닝 기반의 한글 웹폰트를 제공한다.

4. http://fontello.com/

Font Awesome 등 다양한 웹폰트 아이콘을 제공하여 주며, 필요한 것만 설정하여 다운받을 수 있다. 웹폰트 아이콘은 확대해서 보아도 선명한 장점이 있으므로, 모바일 프로젝트에서 많은 이점이 있다. 설정한 아이콘은 config.json 에 저장되므로 임포트하여 선택한 폰트 목록을 나중에 다시 불러올 수 있다.

5. http://lorempixel.com/

더미(Dummy) 이미지를 제공하여 준다. 사이즈와 종류를 선택하여 원하는대로 생성이 가능하다.

6. https://placeholder.com/

똑같이 더미(Dummy) 이미지를 제공하여주나, 회색배경에 사이즈를 표기한 형태로 제공한다.