정찬명
건강한 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 커밋 합치기, 순서 바꾸기, 삭제하기
글쓰기 기본 원칙, 참고 자료.
자주 틀리는 한글 고쳐 쓰기.
읽기 쉬운 문장으로 고쳐 쓰기.