POSH. Plain Old Semantic HTML. 저도 POSH 를 추구합니다. I LOVE POSH.

CSS off 콘테스트는 웹사이트에서 당일날 .psd 포토샵파일을 받아 24시간안에 웹표준을 준수하여 마크업 의미를 최대한 살린 1등 html/css 제작자에게 적은 액수지만 $30(기부할경우 $50) 를 상금으로 주는 행사입니다. 앞으로 계획은 한달에 한번 이라고 하네요. html, css (js 가능) 그리고 이미지 파일과 그외(설명파일?)를 zip으로 압축하여 24시간이 지나기 전에 [...]

CSS 마스터 전략(CSS Mastery)의 저자 Andy Budd 의 블로그에 올라온 CSS2.2 라는 글이 여러 디자이너들과 ‘퍼블리셔’ 들 사이에 불을 지피고 있군요. Andy Budd는 CSS 의 빠른 성장을 소개하며 CSS3 또한 그러하리라 생각되었었다고 소개 하며 왜 지체되었는가의 글을 시작합니다. First proposed by Hakon Lie in Oct [...]

max-width 와 min-width는 놀랍게도 인터넷익스플로러에서 먹히지 않는다. 이 때문일까? 이제 1024 이상의 해상도를 가진 유저들이 상당히 많아 졌는데도 너비의 유연성을 가진 국내 사이트를 거의 찾아볼수 없다. 이제 ‘흔해진’ 블로그 디자인에서도 찾아보기 힘들다. IE가 지원하지 않는것이 주 요인일까 아니면 테이블을 사용한 틀에 잡힌 디자인이 손에 익은것이 [...]

최근 배포한 워드프레스의 테마를 태터 스킨으로 변환하면서 여러 태터 스킨들을 살펴보게 되었다. 치환자와 여러 스타일시트 요소들을 둘러보기 위함이었는데 여기서 상당히 흥미로운 코딩패턴을 볼수 있었다. 꽤 많은 숫자의 스타일시트가 선택자 경로를 지정할 시에 절대경로를 즐겨 쓰고 있었다. 예를들어 #school 이라는 div 안의 #desk 가 있다면 #school [...]

IE 익스플로러에서 해더의 폰트 사이즈를 너무 크게하면 글자의 위 아래가 잘려 보이는 경우가 있다. line-height이 폰트 사이즈보다 작게 지정되어 있는 경우다. line-height: 을 사용하여 잡아주면 문제없다. px보다는 단순 자연수를 사용하자. 나중에 폰트 크기를 조절할때 line-height은 신경쓰지 않아도 된다. font-size: 40px; line-height:1; line-height 은 40px이다. 폰트단위를 [...]

앞으로 시간이 남는데로 CSS3 를 정리하고 소개해야겠습니다 물론 xhtml2 vs html5 이야기도 나누고 말이죠. 가끔은 다른데에 눈이가서 ^^ CSS3 이야기를 잠깐 하자면 아직도 권고안 마련에 한창입니다. 속도가 느린만큼 한창이라는 말이 어울릴지 모르지만 여러 모듈이 꾸준히 각각의 페이스에 맞춰서 개발중에 있습니다. 아직까지는 확정된 recommendation 이 나오지 [...]

작년에도 누드모드로 나가봤었는데 올해도,, 가차없이 4월 5일에 벗습니다. 다이어트를 안해서 약간 뚱뚱하지만서도 말이죠,,, 살좀 빼야겠습니다. validation 에 통과도 잘 못할껄요;; 즐거운 식목일/누드데이 되시길 바랍니다. ^^ 자발적으로 하셔도되고 공식 홈피에다 sign up 하셔도 되구요. 듀트님 블로그에 100년만에 트랙백을 쏘기. ps. 눈 깜짝할 사이에 만우절이 지나가버린….

IBM 이 시각장애자들에게도 멀티미디어를 웹상에서 컨트롤 할수 있는 툴을 개발한다고 합니다. YOUTUBE 과 MYSPACE 그 이상을 즐길수 있게 되겠네요. 이 기술은 현재 멀티미디어의 컨트롤이 어려운 PLAY, PAUSE, NEXT 등의 버튼이나 소리 크기 조절등을 키로 조작할수 있도록 해줄꺼라고 합니다. 실용성과 영향은 나와봐야 알겠지만 그래도 반가운 소식이네요. [...]

저자가 컨텐츠에 직전 간단한 코멘트나 주석을 곧바로 달아주는 방식은 이미 프린트 디자인 에서는 널리 퍼진 레이아웃 방식 입니다. 제가 가끔보는 The Elements of Typographic Style 의 한 페이지 입니다. 오른쪽에 글이 있고 왼쪽에 주석이나 예제가 표시되어 있죠.

background. background. background. background-position is used to place the origin image with respect to the padding edge of the element. In other words, the image-placement context is the innner border edge, even though the background area extends to the outer border edge. 그리고, background-position: 30px; [...]

집사님: “교회 홈페이지 개선이 좀 필요합니다” 일몰: “제가 혹시 도움이 좀 될까요?” 집사님: “아 그럼 플래쉬 같은걸 사용해서 여기에 물결좀 넣을수 있습니까?” 일몰: “아 네 가능하죠” 집사님: “그리고 이 메뉴 부분을 이미지로 만들려고 하는데, 이게(글자크기 조절을 막 하시며) 이렇게 글자가 커졌다 작아졌다 하니까 영…” 일몰: [...]

웹표준을 지키고 개발 되고 있는 게시판들이 몇 있습니다. 4개로 알려져 있는데요, 특별한 순서는 없고, 나열하자면 이렇습니다. MetaBBS – daybreaker님, cn님, 디토님외 개발팀 GR Board – Sirini님과 개발팀 Zeroboard 5 – zero님과 개발팀 Sun Board – 꿈이 많은 아이님 이 4개의 게시판들은 xhtml1.0 tradition 이상을 모두 [...]

지난번에 올블로그에 떴었던 추천글중 imageparody.com 이라는 곳이 있어서 찾아가봤습니다. ^^

웹은 변화 하고 있습니다. 다들 너무나도 잘 알고 있는 사실 이죠. 웹2.0의 이야기도 모자라서 황당하긴해도 웹 3.0의 이야기가 돌고 있는 상황에 웹의 변화는 몸으로 느낄 정도로 순식간에 변화되고 있습니다. 현재 우리가 살고 있는 웹2.0이라는 문화, 시대, 풍조에 관한 이야기는 태우님이나 다른 멋진 블로거 분들이 해박한 [...]

xhtml1.1 까지도 지키시려는 분들, 수고하십니다. 시간이 남아서 xhtml 2.0 에서 달라지는것들을 소개합니다. 현재 예전 html 의 호환성(backward competability)을 완전히 배제하게 될수도 있는 이 권고안에 대해 나누어 지는 토론이 많다고 하는군요.