[FE] 개념, 유용한 사이트 모음

---

1. HTML

1.1. MDN

모든 웹기술이 담겨있는 문서 MDN

 

https://developer.mozilla.org/ko/

MDN Web Docs

 

1.2. whatwg

html에 관한 표준, 커뮤니티 사이트

 

https://whatwg.org/

Web Hypertext Application Technology Working Group (WHATWG)

 

1.3. HTMLhint

HTML에 필요한 정적 코드 분석 도구

 

https://htmlhint.com/

Hello from HTMLHint | HTMLHint

 

 

1.4. 프리텐다드 Pretendart 글꼴

 

https://cactus.tistory.com/306

Pretendard

 

 

 

 

 

 

 

---

2. CSS

2.1. Ultimate CSS Gradient Generator

graident CSS를 만들어주는 사이트로 SCSS로 변환도 가능하다. 

 

https://www.colorzilla.com/gradient-editor/

Ultimate CSS Gradient Generator from ColorZilla

 

 

2.2. cubic-bezier 

cubic-bezier() function은 CSS에서 transition 속성 혹은 transition-timing-function 속성에서 전환 시작과 끝까지의 효과를 제어하는데 쓰인다. 시각화되어 있어 쉽게 만들어 복사 붙여넣기가 가능한 사이트이다.

 

https://cubic-bezier.com/#.17,.67,.83,.67

cubic-bezier.com

 

 

2.3. CSS Grid Layout Guidebook

야무9 님이 만드신 Grid에 관한 개념을 이해하기 좋은 사이트

 

https://yamoo9.gitbook.io/css-grid/

레이아웃 디자인 - CSS Grid Layout Guidebook

 

 

2.4. 브라우저별 비교 사이트

함수, 메서드등 브라우저에서 지원하는 점수를 쉽게확인할 수 있는 사이트

 

https://caniuse.com/

Can I use... Support tables for HTML5, CSS3, etc

 

 

 

---

3. JavaScirpt

자바스크립트 관련 통계를 확인할 수 있는 사이트

 

https://2022.stateofjs.com/en-US/

The State of JS 2022

 

 

 

 

 

 

---

4. 外 참고할만한 사이트

4.1. NULI

접근성을 이애하고 체험할 수 있는 사이트 

https://nuli.navercorp.com/

NULI

 

 

4.2.  

4.3. 디자인, 접근성 가이드라인

모두를위한 디자인, 접근성 관련 정리글

 

https://a11y.gitbook.io/wcag/

모두를 위한 디자인 - WCAG 2.1

 

 

4.4. 항공사의 웹 접근성 준수 의무

웹접근성에 대한 설명, 사례가 잘 쓰여진 글

 

 

https://aoa.gitbook.io/skymimo/compliance

항공사의 웹 접근성 준수 의무 - WCAG 2.1 항공사 WAI-ARIA 적용사례