본문 바로가기

Information

[정보]앞으로 도움이 많이 될 사이트 목록 (2024-12-08)

728x90

https://react-svgr.com/playground/ ← SVGR (일반 SVG파일의 코드를 React 혹은 React Native용 코드로 변환해주는 사이트)

 

https://pixabay.com/ko/← 픽사베이 (이미지 관련 저작권에 대해 정확하게 알지 못해 무료 혹은 부분 무료라는 내용을 삭제했습니다.)

 

https://www.freepik.com← 프리픽  (이미지 관련 저작권에 대해 정확하게 알지 못해 무료 혹은 부분 무료라는 내용을 삭제했습니다.)

 

https://www.flickr.com/← 플리커  (이미지 관련 저작권에 대해 정확하게 알지 못해 무료 혹은 부분 무료라는 내용을 삭제했습니다.)

 

http://www.webjangi.com/ ← 웹쟁이 (무료 웹 소스 저정소)

 

http://gridcalculator.dk/ ← 그리드 레이아웃 자동 계산기

 

https://caniuse.com/ ← 웹 호완성 체크 사이트

-> 페이지 사용법 보러가기 kkt102.tistory.com/68

 

정보) 브라우저별 호환성 체크 사이트 caniuse

웹페이지 제작 중 각 브라우저별 호환성 체크가 필요할 때 사용하면 좋은 사이트입니다. 사이트 사용법은 매우 간단합니다. 해당 사이트에 들어가면 위의 사진처럼 나오는데 css속성 값을 입력

kkt102.tistory.com

 

https://www.dafont.com/ ← 다폰트 (폰트사이트)

 

https://fonts.google.com/?subset=korean ← 구글 폰트

 

https://google-webfonts-helper.herokuapp.com/ ← 구글 웹폰트 확장자 추가용 도우미 사이트

 

https://snook.ca/technical/colour_contrast/colour ← 웹 접근성 명도

 

https://www.webfx.com/web-design/color-picker/ ← 컬러피커 사이트

 

https://www.colorzilla.com/gradient-editor/ ← CSS용 그라디언트 코드 생성 사이트

 

https://cssgradient.io/ ← CSS용 그라디언트 코드 생성 사이트

 

http://www.spritecow.com/ ← Background-image postion 찾아주는 사이트