정찬명

HTML5 태그에 사용하는 속성은 대소문자를 구별하지 않아 대소문자 제한이 없지만 모두 소문자로 해석한다고 합니다. 한편 data-* 속성에 사용하는 대시(-) 이후 문자(*)는 유독 소문자를 사용하도록 제한하고 있어요. 하지만 모두 소문자로 해석하기 때문에 불필요한 제약. https://www.w3.org/TR/html5/dom.html#embedding-custom-non-visible-data-with-the-data-attributes …

화면 낭독기에 숨김 텍스트 제공하려고 font-size: 0; 사용했는데 보이스 오버가 읽지 않아서 충격 받았어요...

현재 상황에서 하위 호환성을 유지하면서 CSS flexbox를 사용하려면 -webkit- 같은 접두사는 아예 없다고 생각하는 편이 좋겠네요. 제 경험으로는 순수하게 flex 속성을 지원하는 코드와 그렇지 않은 코드 만으로 작성하는 것이 디버깅 하기도 수월해요.

이제는 모바일 단말에서 x1, x2 이미지 분기하지 않아도 좋겠어요. 모바일 단말 대부분 픽셀 밀도가 최소 1.5 이상이므로 x2 하나만 제공해도. https://www.mydevice.io 

HTML5에서 앰퍼샌드(&) 문자는 오류인가 아닌가. 엔터티가 아닌데 엔터티 형식일 때에만 오류다. 엔터티 형식이 아니면 무조건 오류가 아니다. 따지기 귀찮으면 그냥 늘 하던 대로 엔터티로 인코딩하면 된다. https://www.facebook.com/naradesign/posts/2176664105691826 …

html 에서 ul, ol 요소는 tabpanel 역할을 허용하지 않습니다. <ul role="tabpanel"> 요거 안 된다는 의미예요. 저도 자주 까먹어서 적어 둡니다.

CSS에서 처음 또는 마지막 자식 요소를 제외한 나머지 요소에 스타일을 선언할 때. 아래와 같이 선택자를 두 번 사용해서 오버라이드 할 수도 있지만 li { border-top: 1px solid #ccc; } li:first-child { border-top: 0; } 이렇게 해도 돼요. li:nth-child(n+2) { border-top: 1px solid #ccc; }