deutism

CSS level 1~3까지의 모든 선택자와 그에 대한 해설 그리고 대중적인 브라우저들의 지원 여부를 정리하였습니다. CSS 선택자 문법을 익히면 jQuery를 익히는 것에도 무척 도움이 됩니다. jQuery가 HTML 요소를 선택하는 문법이 CSS가 HTML을 선택하는 문법과 거의 동일하니까요. jQuery를 사용하려면 스크립트가 DOM ..

몇일 전 있었던 제4회 웹 표준의 날에는 골든벨 형식의 웹 표준 경진대회도 함께 진행 되었는데요. 웹 표준의 날에 참석하지 못하셨던 분들께도 기회를 드리고자 이렇게 블로그에 옮기게 되었습니다. 재미로 풀어보시고 채점도 한번 해보세요. 참고로 이 블로그에는 경진대회 때 후보 문제로 분류되어 ..

지난주 토요일 제4회 웹 표준의 날 행사가 있었습니다. 저는 이 행사를 2006년 첫 회 때부터 빠짐없이 참석했고 후기도 꼬박꼬박 작성해 왔었답니다. 제1회(2006년 9월) -제1회 Css Design Korea 참가 후기. 제2회(2006년 12월) -2nd Web Standards Day, 웹 표준 개발자들의 잔치. 제3회(2009년 2월) -웹 표준을 넘어서… ..

어제 장애인의 날 기고했던 글이 네이버 다이어리에 게시가 되어 제 블로그에도 옮겨 왔습니다. 장애인의 날이라고 해서 특별한 이벤트를 준비하지 않았지만 장애에 대한 제 생각을 많은 분들과 나눌 수 있는 좋은 기회였다고 생각합니다. 투박한 글을 좀 더 차분하고 부드럽게 편집해 주신 담당자분..

FAQ(Frequently Asked Question) 목록은 어떤 요소로 마크업 할 것인지가 가장 고민이 됩니다. 예를 들면 다음과 같은 다양한 마크업 방법이 있는데요. ul > li > (p+p) ul > li > (hx+p) ul > li > dl > (dt+dd) dl > (dt+dd) + (dt+dd) + (dt+dd) … dl(dt+dd) + dl(dt+dd) + dl(dt+dd) … 오늘 제가 선택한 방법은 첫 번째 방법 ..

목록(ul) 요소를 이용하여 CSS로 모양을 낸 수직 막대 그래프 입니다. 이 예제를 새 창으로 보기 목록(ul) 요소를 이용하여 CSS로 모양을 낸 수평 막대 그래프 입니다. 이 예제를 새 창으로 보기 다양한(p, ul, ol, dl) 요소에 콘텐츠로 포함되어 CSS로 모양을 낸 인라인 수평 막대 그래프 입니다. 이 예제를 새 창..