- 건강한 CSS 설계 원칙
- 모달? <dialog> 요소가 답!
- IE를 버리면 사용할 수 있는 CSS 명세.
- CSS grid 레이아웃 문법과 예제.
- 예제로 이해하는 BEM.
- CSS flexible 레이아웃: flex item의 팽창과 수축.
- CSS flexible 레이아웃: flex item의 방향과 순서.
- CSS flexible 레이아웃: flex item의 정렬과 간격.
- CSS flex: Webkit, Android 2.1~4.3, IE 10 문제 해결.
- CSS3 미디어쿼리
@media
규칙 이해. float
을clear
하는 방법.- CSS { position: sticky }.
- HTML5 New elements.
- HTML5 개요(outline) 알고리즘 이해.
- HTML5 Transparent content models(투명 콘텐츠 모델).
- WCAG 2.0 한글 번역.
- WCAG 2.1 새로운 성공 기준.
- 리셋(Reset)/취소(Cancel) 버튼은 사라져야 한다.
- WCAG 2.0 지침이 전하는 전경색과 배경색 명도 대비.
a
요소의 사용성과 접근성.- 메뉴 건너 뛰기 링크(Skip Navigation).
tabindex=1
,tabindex=0
,tabindex=-1
- CSS3
{font-size:*rem}
relative value. a
,button
,label
요소의 커서 모양.- git 커밋 합치기, 순서 바꾸기, 삭제하기
- 글쓰기 기본 원칙, 참고 자료.
- 자주 틀리는 한글 고쳐 쓰기.
- 읽기 쉬운 문장으로 고쳐 쓰기.
-
Notifications
You must be signed in to change notification settings - Fork 4
HTML, CSS(flex/grid), UI/UX, Accessibility, 정찬명
License
naradesign/naradesign.github.io
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
About
HTML, CSS(flex/grid), UI/UX, Accessibility, 정찬명