deute의 모든 글

CSS Nite in Seoul

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

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

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

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

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

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

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

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

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

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

textarea resize 콘트롤하기 =_=;;;

크롬이나 사파리 파폭의 최신브라우저에서는 textarea의 사이즈를 조절할 수 있는 기능을 제공하더라고
textarea resize control screenshot
참 좋은 기능인데… 조절이 되면 안되는 경우 라는게 있을 수 있을테니 그런경우는 css에서…

textarea{resize: none}

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

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

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

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

참고해서 쓰자…

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

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

웹표준퍼블리셔 자격증

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

웹 표준 퍼블리셔 자격증 2급안내 더이상의 대체텍스트는 의미없음

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

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

컴퓨터 선정리

이사를 준비중에 있다.

이전의 책상이 너무낡고 많이 부셔져서.. 이사를 하다간 책상 다리가 다 무너질것 같았거든…
그래서 이사전에 미리 책상을 세팅 하려고 책상을 구매했지. 참고로 그냥 생각없이 고른 새 책상은 지마켓에서 구매했다.

책상을 조립하고 설치하면서 컴퓨터에 연결된 선을 해체하고 다시 세팅하려는데 먼지가… ㅠㅠ
또한 선이 여기저기 너무 꼬여있어서 정리할 엄두도 안났다는것…

그래서 선 정리를 생각하기 시작했다.

그래서 현재 컴퓨터 주변에 연결되어있는 선들을 조사해봤지…

컴퓨터에 연결된 선의 종류는

  • 모니터 두개(연결 케이블2개, 전원2개)
  • 키보드
  • 마우스
  • 애플계열 usb
  • 외장하드
  • 랜선
  • 컴퓨터 전원
  • 스피커(연결 선, 전원)

컴퓨터와 연관 되어 있어 필요한 도구
라우터

  • 전원 아답터
  • 셋탑박스 연결 랜선
  • 공유기 연결 랜선

공유기

  • 전원 아답터
  • 랜선

일단 라우터와 공유기는 꼭 선이 필요하므로 일단 보류하고 나중에 적당한 케이스(신발박스 같은)로 담아 보관하기로 했다.

키보드는 아이맥을 산 회사 동생에게 무선 키보드를 삥 뜯었다…(석아 고마워)
제품명은 Apple Wireless Keyboard – Korean 원래 키보드를 기계식으로 썼으나 과감히 바꾸기로!!(아직 어색하다…)

마우스는 원래 사용하던 wireless mobile mouse 4000 근데 문제는 유리에서도 된다는 포인팅 기술인 bluetrack technology가 새로 산 책상에서 안되는것!!
어쩔수없이 마우스패드를 두고 쓰기로 ㅠㅠ(이게 옥의 티다..)

아이폰과 아이패드를 연결할때 쓰는 apple usb는 ios5 에서 WI-FI환경에서 연결이되서 관리가 된다길래… 아싸 하면서 바로적용… 음악을 자주 업데이트하지 않는 ipod 5.5와 나노는 필요할때만 선을 연결하기로..
방법은 아이튠즈 무선동기화를 설명한 글에서 확인 할 수 있다.

항상 연결되어 각종 데이터를 담던 외장하드는 과감히 사용정지로 결정…!

이제 남은건 스피커인데… 블루투스 스피커를 알아보고 있다. 문제는 전원선은 필요 할 것이고, 없다해도 그 수많은 배터리 사용은 어찌할것인지 고민 ㅠ_ㅠ 음질이 보장되는지도 확실하지 않다는 걱정이… 이글을 보는 사람중 추천할만한게 있다면 주저없이 알려주자.

랜선은 무선 랜 카드를 장착할까 고민… 하지만 속도가 유선보다는 못 하겠지?

모니터는 뭐 선을 줄일 수 도 없고… 이것도 포기!

그래도 많은 선을 줄였다!!!

스피커, 모니터, 랜선을 한번에 해결할 수 있는 방법이 있긴한데…. 그건 바로 아이맥을 사는것이다… 하지만 현실의 벽(돈)은 언제나 높지…

암튼 선 정리 프로젝트는 계속된다!!

dl element이야기…

남들 만큼은 아니어도 그래도 나름 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이 변경되었기 때문에 의미없다.