개발자입니다
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
'HTML & CSS > HTML, CSS 정리' 카테고리의 다른 글
[HTML] 노마드코더 - HTML로 모달창 코딩하기 (0) | 2023.02.20 |
---|---|
div내 div 수직 가운데 정렬하기 (0) | 2022.09.29 |
투명도 설정하기(opacity), 수직 정렬(z-index) (0) | 2022.09.29 |
CSS 이미지(절대경로 vs 상대경로) (0) | 2022.09.29 |
Atom 수정사항 실시간 확인 package - Atom_html_preview (0) | 2022.09.14 |