우연한 기회에 CSS Nite in Seoul 에 참가하게 되었다.

사실 몸상태가 좋은편이 아니었다. 몇일째 계속 체해서 먹었다하면 토했고, 감기와 성대결절로 목도 제정신이 아니었다. 어쨌거나 발표를 맡아서 하긴해야했고, 더구나 약간은 생소한 주제라는게 더욱 스트레스 받는 암튼 힘든 하루였다.

내가 맡은 주제는 웹 접근성을 테스트하는 이야기였다. 정해져있는 공식이 있는게 아니고 개인차가 많다보니 내 자신도 내 입장에서만 얘기할 수 밖에 없었고, 그래서 별로 공감가는 주제를 만들지 못했다는 생각도 든다. 게다가 발표스킬이나 언변이 좋은것도 아니니 더욱…

어쨌든 발표자료는 공개 하도록 하겠다.

사실 내주제 말고는 대부분이 상당히 유익한 내용이었다고 본다.

세키야 마유코상의 개발방법에 대한 이야기는 재미있게 개발하는 여러가지 스킬등이 많이 소개되어 유익했다. 게다가 너무 귀여운 일러스트와 발표하시는것도 것도 너무 귀여우셨다는!

오마가리 히토시상의 워드프레스와 커스텀 포스트 타입에 대해서 대해서 설명해주셨다. 나도 워드프레스를 사용중인데 단순 블로그로서뿐만아니라 CMS의 기능을 충분히 만족시킬수 있겠다는생각을해봤다. 사내가이드를 일단 워드프레스로 진행중인데… 적용을 고려해봐야겠다.

오늘 발표의 백미는 우에키마코토상의 접근성에 관련한내용이었다. 특히 일본의 접근성에 대해서 듣게되어 좋았는데 웹사이트 저작자의 입장만 말하는 우리나라와는 다르게 보조기기나 인프라에 신경써서 테스트하고 발전시켜나가는 것은 실제적으로 우리나라에서 본받을 만한 일이라고 느꼈다. 몇년쨰 센스리더 하나만 바라보고 있는 우리나라로써는 많은 시서점이 있을것같았다.

마지막으로 성민장군님의 웹 접근성 생활백서는 정말 누구나 알아 들을 수 있는 정도의 쉬운 이해도와 재미있는 예시로 사람들의 머리속에 접근성을 콕콕 심어준 발표였다. 게다가 공감가는 내용도 많았다. 같은 발표자로서 너무 부러웠고 부끄러웠다.

암튼 많은 시사점과 유익한 내용이 많았던 행사였다. 난 배운점이 많았으나 참가자들은 어땠을까?
요즘은 블로그나 개인의 글을 쓰는 사람들이 별로 없는것 같아서 아쉽다.

크롬이나 사파리 파폭의 최신브라우저에서는 textarea의 사이즈를 조절할 수 있는 기능을 제공하더라고

참 좋은 기능인데… 조절이 되면 안되는 경우 라는게 있을 수 있을테니 그런경우는 css에서…

textarea{resize: none}

이럼 되드라고. 근데 만약에 세로너비만 조절이 가능하게 하려면…

textarea{width: 500px; max-width: 500px;}

로 최대 너비를 지정해주면 되더라…

근데 스펙을 보니…
resize 의 값들이 여러개를지정할수있었던…
가능한 값들은…
none : 리사이즈 하지마
both : 리사이즈 가로세로 너비 가능
horizontal : 세로만 늘어나라
vertical : 가로만 늘어나라

참고해서 쓰자…

이걸 찾아본 팀장님은 resize-x로 찾아봤다고 하셨음 ㅎㅎ

다들 아는거겠지.. 논리적으로 생각해도 어렵지않고…
너무 놀았더니 이런것도 모르는 바보가 되었어.

인재양성의 요람 삼성인재개발원에서 웹표준퍼블리셔 자격증이 나왔다.
2012년 최고의 선택 취업의 열쇠라고하니 나도 따고 싶어지는 느낌이 확들더라…

웹 퍼블리셔라는 말을 만든 사람은 얼마나 큰 감동을 받았을까(….)하는 생각도 들고… 그래도 이쪽 바닥에서 일 좀 했다고 침 좀 뱉었는데… 이런 자격증이 생기다니 참으로 기쁘다는 생각이 든다.

난 가난하고 실력도 미천해서 자격증 시험까지는 보기 힘드니… 돈 많고 시간 많은 분들이 보시고 나에게 좀 어떤지 알려줬음 좋겠다.
그리고 합격하신분들… 저 삼성 인재 개발원 사이트 좀 고쳐줘 소스가 저게뭐니…

남들 만큼은 아니어도 그래도 나름 html좀 만지고 스펙 문서 좀 봤다고 느꼈는데… 난 아는게 별로 없었다.

한때 잘난척 대마왕일때는 모르는게 나와도 “음 뭐 이런건 누구나 다 아는것 아냐?”(속으로는 ‘오!!!이런 신기한게!’)이랬었는데, 모르는거 투성인게 걸리고 나서부터는 뭐 그냥 모르면 모른다고 쿨하게 얘기할 수 있다는거, 그래서 블로그도 쿨하게 써보려고…
특히 기본적인 내용들이 우리말로 되어있는 글들이 별로 없어서 그런걸 좀 써볼라고.
아는거 모르는거 정리도 좀할겸….

사실 제목은 dl element 이야기지만 이 이야기는 block level element와 inline element의 얘기에 가깝다.

꿈많은 넥슨시절 난 “모든 태그가 block element와 inline element두가지로 구분되고 block element는 width, height 값을 가진다. img는 예외.” 라고 알고 살았다. 까놓고 그렇게 알고 있는 사람 많지 않나… 나밖에 없나? 나중에 inline element는 text나 character 관련요소들 즉 inline 요소만 포함할수있다는것을 알게되었지만 말이지.

암튼 오늘 가이드를 검토하다가 회사 동생이 질문을 했다. dt가 inline요소가 맞냐며 block아니냐며..

생각해보니 dt는 width, height를 가질수 있었던것 같아… block 맞는데 왜 inline 이라고 한걸까… 봤더니…

W3C html4.01 spec 에서 보아하니… inline element 가 맞았어…

dt 요소의 경우 용어기 때문에 인라인 요소들만 올 수 있다는것
추가로 block level element 와 inline element의 차이는 줄바꿈이나 width,height를 가질 수 있는지에 대한 유무가 아니라 요소 자체가 가질 수 있는 콘텐츠로 구분하는것을 최우선으로 한다는것을 알게 되었다.

스펙은 보면 볼수록 새롭고도 놀랍다. 이것도 나만몰랐을거야 ㅠㅠ

아 물론 html5에서는 content models이 변경되었기 때문에 의미없다.

가끔 보면 XHTML, CSS는 어느정도 다 했는데 이제 뭐할까요. 하는 사람들을 볼 수 있는데…정말 부러워… 그 자신감이… 근데 좀만 얘기하다 보면  아는것보다 모르는게 더 많아… (a 요소의 href가 뭘 말하는지는 아니?)

HTML, CSS좀 해서 약간!!!의 시멘틱한 페이지 좀 만들 수 있고, 브라우저 몇개 맞추면서 웹 접근성 품질마크 한 두번 따보면 HTML, CSS는 대충 다했다고 할 수 있는거 였어?

예전에 내가 좋아했던 카트라이더라는 게임이 있었는데(지금도 좋아해) 그때 통했던 캐쥬얼게임의 정석같은 개념은 “처음에 시작은 쉽게, 하면 할수록 어렵게, 마스터는 정말 어렵게” 였는데 난 HTML, CSS 가 그렇다고 생각해…

한국에 웹 표준 좀 한다고 알려져 있는 사람들 중에 자기는 HTML, CSS 어느정도 했다고 하는 사람 있는지 찾아봐. 그들은 겸손한게 아니라 정말 그 어려움을 알기 때문이라고 생각해(뭐 아닌 사람도 있겠지만)

남들보다 좀더 안다고 생각해서 각종 커뮤니티 활동이나 각종 발표 하는사람들도 너무 겁만주는것도 문제지만 무조건 태그 몇개, CSS 속성만 알면 바로가능 이딴 스레기 같은 얘기 좀 하지 말고(진짜 이런사람은 없지?), 장기적인 관점으로 로드맵을 그려주는것을 목표로 해봐

그리고 HTML,CSS 다하고 javascript하는게 아니라 그냥 다같이 하는거다. 졸라 씨발 단계 생각하지 말고  HTML, CSS 공부하고 있으면 닥치고 좀 봐라. 좀 프로그래밍의 로직도 좀 생각해보고.

p.s1 눈팅하던 하코사는 진짜 탈퇴해야겠다(모르는 사람들이 짜증나는게 아니라, 잘난사람들이 짜증나) CDK도 사람늘어나면 저리 되려나

p.s2 이빨까는 웹표준을 성민님 현석님과 podcast 방식으로 기획했었는데.. 요즘 나꼼수는 재미있더라 근데 우린 찬양할사람이 별로없어서 말이지;;;; 그리고 닥치고 웹표준을 좀 외쳤더니 존경하는 김어준 총수는 닥치고 정치 라는 책을 내었구나. 역시 싱행력이 있어야한다.(까는거 아님 멋진 실행력이 절대 부러운거임 =_=)

p.s3 요즘 맘의 짐을 한 두개 정도 버려 버리고 대충 살기로해서 블로그에서 정제된 언어보다는 내가하고 싶은 말이나 표현을 그냥 여과없이 해보려고