HTML
MDN
모든 웹기술이 담겨있는 문서 MDN
https://developer.mozilla.org/ko/
MDN Web Docs
The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.
developer.mozilla.org
whatwg
html에 관한 표준, 커뮤니티 사이트
Web Hypertext Application Technology Working Group (WHATWG)
whatwg.org
HTMLhint
HTML에 필요한 정적 코드 분석 도구
Hello from HTMLHint | HTMLHint
Description will go into a meta tag in <head />
htmlhint.com
프리텐다드 Pretendart 글꼴
https://cactus.tistory.com/306
Pretendard
Pretendard 프리텐다드 Pretendard 프리텐다드 글꼴 다운로드 일본어 버전 다운로드 GitHub에서 보기 system-ui를 대체하는 글꼴 Apple의 system-ui가 익숙한 나로서는 San Francisco와 Apple SD 산돌고딕 Neo가 없는
cactus.tistory.com
CSS
Ultimate CSS Gradient Generator
graident CSS를 만들어주는 사이트로 SCSS로 변환도 가능하다.
https://www.colorzilla.com/gradient-editor/
Ultimate CSS Gradient Generator from ColorZilla
A powerful Photoshop-like CSS gradient editor
www.colorzilla.com
cubic-bezier
cubic-bezier() function은 CSS에서 transition 속성 혹은 transition-timing-function 속성에서 전환 시작과 끝까지의 효과를 제어하는데 쓰인다. 시각화되어 있어 쉽게 만들어 복사 붙여넣기가 가능한 사이트이다.
https://cubic-bezier.com/#.17,.67,.83,.67
cubic-bezier.com
cubic-bezier.com
CSS Grid Layout Guidebook
야무9 님이 만드신 Grid에 관한 개념을 이해하기 좋은 사이트
https://yamoo9.gitbook.io/css-grid/
레이아웃 디자인 - CSS Grid Layout Guidebook
그리드 시스템은 1940~1950 년 대에 등장한 스위스의 그래픽 디자인으로 대중화 되었습니다. 스위스 디자인 스타일은 고딕(San-Serif) 계열의 타입, 원색 및 그리드 레이아웃이 주류를 이룬 디자인 입
yamoo9.gitbook.io
브라우저별 비교 사이트
함수, 메서드등 브라우저에서 지원하는 점수를 쉽게확인할 수 있는 사이트
Can I use... Support tables for HTML5, CSS3, etc
caniuse.com
JavaScirpt
자바스크립트 관련 통계를 확인할 수 있는 사이트
https://2022.stateofjs.com/en-US/
The State of JS 2022
After years of relative stability, many are now beginning to question the status quo. New front-end frameworks like Solid and Qwik are suggesting that React might not have all the answers after all, and on the server Astro, Remix and Next.js (among others)
2022.stateofjs.com
外 참고할만한 사이트
NULI
접근성을 이애하고 체험할 수 있는 사이트
NULI
nuli.navercorp.com
디자인, 접근성 가이드라인
모두를위한 디자인, 접근성 관련 정리글
모두를 위한 디자인 - WCAG 2.1
장애를 영구적인 것으로 생각한다면, 우리는 작은 숫자에 대해 이야기 하고 있는 겁니다. 미국에서 매년 약 26,000명의 사람들이 팔, 다리를 잃습니다. 그러나 우리가 일시적인 것과 상황적인 장
a11y.gitbook.io
항공사의 웹 접근성 준수 의무
웹접근성에 대한 설명, 사례가 잘 쓰여진 글
https://aoa.gitbook.io/skymimo/compliance
항공사의 웹 접근성 준수 의무 - WCAG 2.1 항공사 WAI-ARIA 적용사례
Statement는 현재 기준으로 해당 사이트가 WCAG 2.0 Level AA에 해당하는 38개 성공기준 항목(A 25개, AA 13개)을 전부 준수하고 있는지, 부분적으로 준수하고 있는 건 어떤 부분인지 등에 대해 상세 설명과
aoa.gitbook.io
'Front-End' 카테고리의 다른 글
| [프레임워크] React, Vue, Angular 차이점 (2) | 2024.01.23 |
|---|---|
| 프리티어, ESLint (0) | 2023.09.05 |
| [ES5] 엄격모드란? StrictMode? (0) | 2023.08.25 |
| 웹 표준이란? 웹 접근성이란? (0) | 2023.03.31 |
| 라이브러리 설치된 목록 확인하기 (0) | 2023.03.21 |
