CSS 유용한 사이트 모음

-선택자 지정 게임 : flukeout.github.io

 

-CSS 속성 상속 여부 : https://www.w3.org/TR/CSS21/propidx.html

 

-CSS 컬러 참고 사이트: https://www.w3schools.com/css/css_colors.asp

 

-의미없는 텍스트 만드는 사이트(ipsum generator 검색): https://www.lipsum.com/feed/html

 

-flexbox 여러가지 테스트 가능 사이트: https://codepen.io/enxaneta/pen/adLPwv

 

-W3schools 에서 미디어쿼리 문법 확인 : https://www.w3schools.com/css/css3_mediaqueries.asp

 

-HTML/CSS 사용해도 되는지 확인하는 통계 사이트 : https://caniuse.com/

 

-CSS filter 테스트 사이트: https://codepen.io/EmNudge/pen/JxdpYq

 

-transform 참고 codepen 사이트: https://codepen.io/vineethtrv/full/XKKEgM

 

-transition-timing-function: 장면 전환 속도를 균일하지 않게 설정

관련 사이트: https://matthewlein.com/tools/ceaser

원하는 효과 선택 후 아래 코드 복사하여 삽입

 

-preprocessor 관련 사이트

아래는 대표적인 preprocessor들입니다. 
http://lesscss.org/  (온라인 변환기)
http://sass-lang.com/
http://stylus-lang.com/ (온라인 변환기)

아래는 이런 도구들에 대해서 비교한 사이트입니다. 
https://csspre.com/compile/

 

 

-fontello관련 폰트 공급자 모은 사이트: https://fontello.com/

 

-전 세계 unicode 사이트: https://unicode-table.com/en/#0041

 

-색상 코드 참고사이트 : https://flatuicolors.com/palette/tr