<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xmlns:thr="http://purl.org/syndication/thread/1.0">
  <title type="html">VampiricKiss</title>
  <id>http://vampirickiss.com/</id>
  <link rel="alternate" type="text/html" hreflang="en" href="http://vampirickiss.com/" />
  <subtitle type="html">Weblog on standards-based web design</subtitle>
  <updated>2008-11-05T01:38:33+09:00</updated>
  <generator>Textcube 1.7.6 : Staccato</generator>
  <entry>
    <title type="html">텍스트큐브 스팸 차단 99% 성공</title>
    <link rel="alternate" type="text/html" href="http://vampirickiss.com/101" />
    <link rel="replies" type="application/atom+xml" href="http://vampirickiss.com/atom/response/101" thr:count="0"/>
    <category term="chit-chat" />
    <category term="plugin" />
    <category term="spam" />
    <category term="Textcube" />
    <category term="Trackback" />
    <category term="스팸" />
    <category term="텍스트큐브" />
    <category term="트랙백" />
    <category term="플러그인" />
    <author>
      <name>(VampiricKiss)</name>
    </author>
    <id>http://vampirickiss.com/101</id>
    <updated>2008-11-04T16:59:25+09:00</updated>
    <published>2008-11-04T16:59:25+09:00</published>
    <summary type="html">2005년도에 처음 블로그를 접해본 것이 태터툴즈 클래식이었기 때문에 지금도 많은 비교가 이루어지지만 워드프레스에 스팸 차단용 플러그인이 가장 인기있는 플러그인이라는 사실에 의아했었다. 당시엔 내 머리 속에 존재했던 스팸이란 이메일을 통해서만 접할 수 있었고 지금처럼 블로그에서 스팸때문에 고생할 줄은 생각하지 못했다. 태터툴즈가 1.0.x로 넘어오고 텍스트큐브로 변하는 과정에서 블로그가 확산되고 오픈 소스란 점이 스패머들이 공략하기 쉬어지게 되는 계기가 된 것 같다.&lt;br&gt;&lt;br&gt;&lt;h3&gt;EAS (Eolin Antispam Service)&lt;/h3&gt;&lt;br&gt;지금까지는 텍스트큐브 확장패키지에 포함되어 있는 EAS (Eolin Antispam Service) 플러그인으로 트랙백을 통해 공격해오는 스팸을 애써 막아내고 있었다. 최대한 블로그를 가볍게 사용하기 위해서 플러그인을 함부로 설치하지 않기 때문에 자연스레 플러그인에 대한 관심이 점차 줄어들었고 이러한 이유때문에 지금에서야 해결책을 찾았다. 무엇보다 EAS는 텍스트큐브 패키지 안에 기본적으로 들어있을 뿐만 아니라 TNC에서 서비스하는 이올린을 이용한 서비스이기 때문에 무조건적인 신뢰를 가지고 있었다. 내가 스팸때문에 고생하는 것처럼 다른 사람들도 더하면 했지 덜하진 않을 거란 생각을 가지고 있었다. 그러다 최근에 들어 블로그를 재정비하게 됐고 이것저것 만져보고 있던 도중 생각보다도 더욱 스팸 트랙백이 달리는 속도가 빠르다는 것을 느꼈다. 스팸은 단순히 지우면 그만이란 선에서 끝나지 않고 다소 민망한 내용을 포함하고 있기 때문에 블로그를 모니터링하지 않고 있을 때 보여지는 스팸은 방문자에게 불쾌감을 가져다 줄 수 있다. 결국 어떤 식으로든 해결을 봐야했다.&lt;br&gt;&lt;br&gt;&lt;h3&gt;EMB (Extended Malcommunication Blocker)&lt;/h3&gt;&lt;br&gt;Textcube.org에서
플러그인을 뒤적거렸고 아무래도 눈에 띄는 플러그인은 Draco Anti-Spam, EASplus, 마지막으로 &lt;a href=&quot;http://www.textcube.org/plugin/entry/extended-malcommunication-blocker&quot; target=&quot;_blank&quot;&gt;EMB&lt;/a&gt;였다.
Draco Anti-Spam같은 경우엔 편리한 옵션을 제공하긴 하지만 스팸을 차단한다기 보다는 금지어나 중복에 대한 개념을 가진
플러그인이다. 아무래도 정확한 스팸 분류에 의해 해결하지 않는다면 나중에 불편함을 감수해야할 것 같아 제외시켰다.
EASplus는 plus가 붙었다는 점에서 분명 개선된 사항이 있을 것 같아 유용해보였고 결국 EASplus 개발이 EMB로
옮겨간거나 마찬가지란 걸 알았다. 둘 다 inureyes님에 의해 개발되었기 때문이고 EMB 플러그인에 대한 설명에
EASplus의 기능 강화란 말이 와닿았다.&lt;br&gt;&lt;br&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://vampirickiss.com/attach/1/1347869042.png&quot; alt=&quot;User image&quot; height=&quot;122&quot; width=&quot;313&quot; /&gt;&lt;/div&gt;지난 몇 주동안 EMB를 실제 블로그에서 사용해왔고 99% 스팸을 차단 중이다. 사실 EMB는 EAS를 내장하고 있으며 EAS의 단점을 보완하고 있다. EAS가 수집된 데이터를 기반으로 포괄적인 관리 체계라면 EMB는 각 사이트에 타겟팅된 관리 체계를 제공한다. 실제로 EAS의 알고리즘이 필터링하지 못한 스팸을 EMB는 이전까지 달렸던 스팸과 IP를 분석해 필터링할지를 결정한다. 이 과정에서 정상적인 트랙백을 스팸으로 간주한 적은 없었으며 단 2개의 스팸만을 필터링하지 못했을 뿐 만족할 수준이었다. 이미지에서와 같이 3주정도의 시간동안 200개가 넘는 스팸을 필터링했으며 대쉬보드를 통해 확인할 수 있다.</summary>
  </entry>
  <entry>
    <title type="html">Document File Replacement iCons for VLC</title>
    <link rel="alternate" type="text/html" href="http://vampirickiss.com/100" />
    <link rel="replies" type="application/atom+xml" href="http://vampirickiss.com/atom/response/100" thr:count="0"/>
    <category term="knowledge-box" />
    <category term="Document" />
    <category term="iCon" />
    <category term="Mac" />
    <category term="macintosh" />
    <category term="Movist" />
    <category term="Player" />
    <category term="Replacement" />
    <category term="VLC" />
    <author>
      <name>(VampiricKiss)</name>
    </author>
    <id>http://vampirickiss.com/100</id>
    <updated>2008-11-01T20:49:13+09:00</updated>
    <published>2008-10-31T20:23:36+09:00</published>
    <summary type="html">Mac에서 각종 영상 파일들은 대부분 &lt;a href=&quot;http://cocoable.tistory.com/&quot; target=&quot;_blank&quot;&gt;Movist&lt;/a&gt;를 이용해서 보려 한다. 대부분의 코덱을 지원할 뿐만 아니라 무엇보다 한글 자막에
대한 지원이 가장 좋기 때문이다. 하지만 간혹 1080p 영상에서의 최적화가 부족한 탓인지 끊김 현상을 종종 보게 되고 그럴
때를 대비해 &lt;a href=&quot;http://www.videolan.org/vlc/&quot; target=&quot;_blank&quot;&gt;VLC&lt;/a&gt;를 설치해두었다. 확실히 VLC같은 경우엔 한글에 대한 지원이 부족하지만 오랜 기간엔 걸쳐 개발되어왔고
업데이트 주기도 빠르며 최근에 들어서는 인터페이스의 확연한 변화도 보이고 있다. Windows에서 KMP로 모든 것을 해결하는
것과 달리 Mac에선 두 플레이어 모두 버릴 수 없는 존재다.&lt;br /&gt;&lt;br /&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://vampirickiss.com/attach/1/1370486133.png&quot; alt=&quot;User image&quot; height=&quot;166&quot; width=&quot;500&quot; /&gt;&lt;/div&gt;&lt;h3&gt;VLC Document Replacement Icons&lt;/h3&gt;&lt;br /&gt;VLC의 경우 콘 형태의 아이콘으로 특이한 모양을 하고 있다. VLC를 설치해두면 자연스레 VLC가 지원하는 확장자는 Quick Time Player보다 VLC가 우선 순위에 상위를 차지하고 아이콘이 바뀐다. 현재 다운로드 링크가 되어 있는 아이콘은 VLC용 아이콘 뿐만 아니라 VLC가 지원하는 모든 확장자를 교체할 수 있도록 배포되고 있다.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Download&lt;/strong&gt; : &lt;a href=&quot;http://God-X.deviantart.com/art/VLC-Document-Replacement-Icons-47955120&quot; target=&quot;_blank&quot;&gt;VLC Document File&lt;/a&gt;</summary>
  </entry>
  <entry>
    <title type="html">Mac OS X에서 Dock 아이콘 리셋 방법</title>
    <link rel="alternate" type="text/html" href="http://vampirickiss.com/99" />
    <link rel="replies" type="application/atom+xml" href="http://vampirickiss.com/atom/response/99" thr:count="0"/>
    <category term="knowledge-box" />
    <category term="Dock" />
    <category term="iCon" />
    <category term="Mac" />
    <category term="macintosh" />
    <category term="Tip" />
    <author>
      <name>(VampiricKiss)</name>
    </author>
    <id>http://vampirickiss.com/99</id>
    <updated>2008-10-31T08:38:39+09:00</updated>
    <published>2008-10-29T19:54:35+09:00</published>
    <summary type="html">Mac OS를 다른 OS와 구별짓는 확연한 특징 중에 하나는 Dock 메뉴일 것이다. 상당히 직관적이면서 Leopard에
오면서는 Stack 기능까지 추가되어 더욱 빛을 발하고 있다. 단순한 아이콘의 모음일 뿐이기 때문에 사용자가 필요에 따라 위치를
변경하던지 무언가를 빼던 더하던 드래그만으로 Dock을 구성할 수 있다. 하지만 이러한 쉬운 인터페이스때문에 간혹 실수로
추가하는 경우나 빼버리는 경우가 종종 있다. Windows용 Dock 프로그램 중에 하나인 Object Dock에는 이러한
실수를 방지하기 위해 잠금 옵션이 있었던 것으로 기억한다. 하지만 Preference의 Dock 옵션엔 그러한 메뉴가 없었고
매번 실수할 때마다 당황하곤 했다. 더욱이 Finder같이 어디에 위치해있는지 모를 어플들을 실수로 지웠을 경우엔 분명 좌절할 것이다.&lt;br /&gt;&lt;br /&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://vampirickiss.com/attach/1/1261202417.png&quot; alt=&quot;User image&quot; height=&quot;312&quot; width=&quot;500&quot; /&gt;&lt;/div&gt;&lt;h3&gt;com.apple.dock.plist&lt;/h3&gt;&lt;br /&gt;해결 방법은 의외로 간단한 편이었다. 나와 같은 고민을 하는 사람이 꽤 있는 것인지 구글에서 &#039;dock reset&#039; 이란 키워드로 검색해보니 적잖은 결과가 나왔다. 그나마 신뢰할 수 있을 것 같은 Apple Support의 url이 찍힌 곳을 선택했고 답변에 따라 com.apple.dock.plist 파일을 삭제해주고 재부팅하는 것만으로 Mac OS의 초기 Dock 셋팅으로 돌아와있었다. 경로는 다음과 같다.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Where&lt;/strong&gt; : HomeDiretory/Library/Preferences/com.apple.dock.plist</summary>
  </entry>
  <entry>
    <title type="html">Leopard 스타일에 어울리는 Archive 아이콘</title>
    <link rel="alternate" type="text/html" href="http://vampirickiss.com/98" />
    <link rel="replies" type="application/atom+xml" href="http://vampirickiss.com/atom/response/98" thr:count="0"/>
    <category term="knowledge-box" />
    <category term="iCon" />
    <category term="Leopard" />
    <category term="Mac" />
    <category term="macintosh" />
    <category term="Stuffit" />
    <category term="The Unarchiver" />
    <author>
      <name>(VampiricKiss)</name>
    </author>
    <id>http://vampirickiss.com/98</id>
    <updated>2008-10-29T10:10:11+09:00</updated>
    <published>2008-10-29T00:03:58+09:00</published>
    <summary type="html">맥 관련 커뮤니티에서 맥을 처음 사용하는 사람들이 zip 파일 이외의 압축 파일을 풀기위해 어떤 어플을 써야하는지 종종 묻곤
한다. 간혹 Stuffit을 추천하는 분들을 보게 되는데 개인적으로 Stuffit같이 호환되지 않는 독자적인 포맷을 사용하는
모습이 그리 보기 좋지 않다. 또한 Stuffit 자체가 무겁기 때문에 선호하지 않는다. 그래서 오픈 소스인 &lt;a href=&quot;http://wakaba.c3.cx/s/apps/unarchiver.html&quot; target=&quot;_blank&quot;&gt;The
Unarchiver&lt;/a&gt;를 사용하는데 모든 면에서 완벽하고 심플한 어플이다. 하지만 단 한가지 마음에 안드는 점은 아이콘이 너무
촌스럽다는 것이다. 개발자 분이 개발에만 전념하시는지 아이콘은 무어라 형용하기 힘들정도로 최악이다. 무엇보다 The
Unarchiver로 압축을 풀기위해서 압축 파일을 연결하면 그에 따라 종류별로 아이콘이 변하고 Leopard에서 기본적으로
제공하는 zip 파일용 아이콘과 괴리감이 크다. 압축 파일마다 아이콘이 다르다는게 보기 좋지 않아 &lt;a href=&quot;http://www.deviantart.com/&quot; target=&quot;_blank&quot;&gt;deviantART&lt;/a&gt;에서
icns 파일로 되어있는 Archive 아이콘을 찾아보았다.&lt;br /&gt;&lt;br /&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://vampirickiss.com/attach/1/1122161800.png&quot; alt=&quot;User Image&quot; height=&quot;312&quot; width=&quot;400&quot; /&gt;&lt;/div&gt;&lt;h3&gt;Gold and Silver&lt;/h3&gt;&lt;br /&gt;최대한 애플스럽고 대부분의 확장자를 포함하며 icns 파일이라는 공통점을 가진 아이콘들 중에 가장 마음에 드는 아이콘 셋이다. 다른 Leopard 아이콘처럼 살짝 접혀있었다면 좋았을거란 아쉬움과 함께 상당히 만족스럽다. 실버 버전을 사용 중이다.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Download&lt;/strong&gt; : &lt;a href=&quot;http://cgink.deviantart.com/art/Archives-93675759&quot; target=&quot;_blank&quot;&gt;Gold and Silver Archives&lt;/a&gt;</summary>
  </entry>
  <entry>
    <title type="html">Leopard 스타일에 어울리는 Adium Xtras</title>
    <link rel="alternate" type="text/html" href="http://vampirickiss.com/97" />
    <link rel="replies" type="application/atom+xml" href="http://vampirickiss.com/atom/response/97" thr:count="0"/>
    <category term="knowledge-box" />
    <category term="Adium" />
    <category term="Apple" />
    <category term="iCon" />
    <category term="Mac" />
    <category term="macintosh" />
    <category term="매킨토시" />
    <category term="맥" />
    <category term="아디움" />
    <author>
      <name>(VampiricKiss)</name>
    </author>
    <id>http://vampirickiss.com/97</id>
    <updated>2008-10-28T10:49:56+09:00</updated>
    <published>2008-10-27T19:36:00+09:00</published>
    <summary type="html">맥을 사용하다보면 아기자기하고 기발하면서 예쁜 아이콘이 많다. 어느새 퍼포먼스보다 이것저것 꾸미고 있는 자신을 발견하곤 한다. Tiger에서는 Blue &amp;amp; White가 주를 이루었다면 Leopard에선 Black &amp;amp; Silver가 주를 이루고 있다. 개인적으로 Leopard로 넘어오면서 기존에 사용하던 어플의 아이콘이 더욱 어색하게만 느껴졌고 단순히 Leopard가 눈에 익숙하지 못해서가 아니라 전체적인 분위기와 어울리지 않는 색 조합이 그 원인이다. 무엇보다 맥의 아이콘들은 대부분 Glossy한 면이 있기 때문에 그렇지 못한 아이콘이 Dock에 상주하게 되면 상당히 이질감이 크다. 통합 메신저인 Adium은 커스터마이징된 각종 아이콘을 홈페이지에 잘 정렬해놨기 때문에 쉽게 찾아볼 수 있다.&lt;br&gt;&lt;br&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://vampirickiss.com/attach/1/1074796179.png&quot; alt=&quot;User image&quot; height=&quot;128&quot; width=&quot;128&quot; /&gt;&lt;/div&gt;&lt;h3&gt;&lt;a href=&quot;http://www.adiumxtras.com/index.php?a=xtras&amp;amp;xtra_id=3135&quot; target=&quot;_blank&quot;&gt;Dock iCon; AdiChat&lt;/a&gt;&lt;/h3&gt;&lt;br&gt;Adium의 초기 아이콘은 초록색 오리다. 귀엽긴 하지만 메신저같지 않게 너무 귀여워서 탈이다. 흔히 랭킹이나 다운로드에 상위를 차지하는 건 대부분 맥 본연의 테마에 부합하는 스타일이 많다. 당연히 맥에서 가장 기본적인 메신저인 iChat 스타일이 많다. iChat과 완벽히 같은 아이콘도 있지만 iChat과 Adium을 아이콘으로 한 눈에 알아보기 힘들어서 찾아본 아이콘이다. iChat과 흡사하지만 버블 안에 Adium을 대표하는 오리가 들어가 있다. 메신저에서 이벤트 발생 시 오리가 날개를 퍼덕이는게 귀엽다.&lt;br&gt;&lt;br&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://vampirickiss.com/attach/1/1362999215.jpg&quot; alt=&quot;User image&quot; height=&quot;395&quot; width=&quot;350&quot; /&gt;&lt;/div&gt;&lt;h3&gt;&lt;a href=&quot;http://adiumxtras.com/index.php?a=xtras&amp;amp;xtra_id=3629&quot; target=&quot;_blank&quot;&gt;Message Style; Modern&lt;/a&gt;&lt;/h3&gt;&lt;br&gt;Adium의 초기 메세지 스타일도 나쁘지 않다. 하지만 역시나 Leopard와 여러모로 맞추는 쪽이 더 잘 어울리고 iChat과 같이 버블 형태로 메세지를 표현하는 스타일이다. 전체적으로 실버 톤으로 레오파드의 윈도우창이나 메뉴 바와 어울린다. 버블의 경우 초기엔 받는 쪽과 보내는 메세지 둘 다 회색으로 설정되어 있고 옵션에서 서로 다른 색으로 설정해주었다. 메시지 스타일은 상단의 메뉴를 아이콘과 텍스트 모두로 표기하는데 Text로만 표기하니 심플해서 더 나은 듯 하다.&lt;br&gt;&lt;br&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://vampirickiss.com/attach/1/1276402994.png&quot; alt=&quot;User image&quot; height=&quot;45&quot; width=&quot;200&quot; /&gt;&lt;/div&gt;&lt;h3&gt;&lt;a href=&quot;http://adiumxtras.com/index.php?a=xtras&amp;amp;xtra_id=5512&quot; target=&quot;_blank&quot;&gt;Menu Bar; Leopard&lt;/a&gt;&lt;/h3&gt;&lt;br&gt;메뉴 바 또한 오리가 기본이다. 원래 메뉴 바에 등록되어 있는 아이콘은 배터리나 Air Port처럼 단순한 아이콘이라기보다는 상징적인 심볼이 보기 좋다. 그래서 찾아보니 의외로 종류가 별로 없었고 iChat과 동일한 메뉴 바를 선택했다.</summary>
  </entry>
  <entry>
    <title type="html">Prototype 기반 글라이딩 효과</title>
    <link rel="alternate" type="text/html" href="http://vampirickiss.com/96" />
    <link rel="replies" type="application/atom+xml" href="http://vampirickiss.com/atom/response/96" thr:count="0"/>
    <category term="web standards" />
    <category term="glide" />
    <category term="JavaScript" />
    <category term="prototype" />
    <category term="Scriptaculous" />
    <category term="slide" />
    <category term="Web" />
    <author>
      <name>(VampiricKiss)</name>
    </author>
    <id>http://vampirickiss.com/96</id>
    <updated>2008-10-28T13:54:29+09:00</updated>
    <published>2008-10-26T11:07:55+09:00</published>
    <summary type="html">현재 블로그 사이드바의 가장 윗쪽에 위치한 이미지는 아래의 이미지 버튼과 연동되어 자연스럽게 이미지가 변환되는 메뉴를 구성하고 있다. Bruno Bornsztein의 missingmethod 프로젝트로 구글 그룹스에서 &lt;a href=&quot;http://code.google.com/p/missingmethod-projects/downloads/list&quot; target=&quot;_blank&quot;&gt;glider.js&lt;/a&gt;의 다운로드가 가능하다. 처음엔 slide라 이름이 붙여졌다가 중간에 glide로 변경됐고 사전적인 의미로는 별 차이가 없는 듯 하다. glider.js는 Prototype과 Scriptaculous의 effects.js를 사용하며 &lt;a href=&quot;www.panic.com/coda&quot; target=&quot;_blank&quot;&gt;Panic&lt;/a&gt;에서 사용하는 글라이딩 효과도 이와 거의 동일한 방식으로 구현한 듯 싶다. 적용해보진 않았지만 응용해서 블로그 컨텐츠 부분을 글라이딩 효과로 페이징할 수도 있겠다는 생각이 든다. 현재 가장 최신 버전은 0.0.3 버전이지만 다른 사람에 의해 배포되고 있는 패치된 버전인 &lt;a href=&quot;http://www.infectious.com/javascripts/glider.js&quot; target=&quot;_blank&quot;&gt;0.0.4&lt;/a&gt;도 이용가능하다. 비록 공식적이진 않지만 더욱 세분화된 옵션을 설정할 수 있다는 장점이 있다. 하지만 지금은 0.0.3 버전을 사용 중이고 글라이딩 효과 자체의 구현이 필요했던 거라 메리트를 느끼고 있진 못하다. 참고로 말하자만 기본적으로 글라이딩되는 시간 간격이 0.5로 설정되어 있지만 느린감이 있기 때문에 0.2로 설정해주는 것이 보기 좋다.</summary>
  </entry>
  <entry>
    <title type="html">텍스트큐브의 Search 부분 코드 문제점</title>
    <link rel="alternate" type="text/html" href="http://vampirickiss.com/95" />
    <link rel="replies" type="application/atom+xml" href="http://vampirickiss.com/atom/response/95" thr:count="2"/>
    <category term="web standards" />
    <category term="Web Standards" />
    <category term="XHTML" />
    <category term="웹표준" />
    <author>
      <name>(VampiricKiss)</name>
    </author>
    <id>http://vampirickiss.com/95</id>
    <updated>2008-10-24T08:46:47+09:00</updated>
    <published>2008-10-20T23:40:25+09:00</published>
    <summary type="html">한참 웹표준 작업을 하면서 이왕하는 김에 욕심을 내서 XHTML 1.1에 맞춰보려 했다. 어느정도 코딩을 끝마치고 나서 Markup Validator로 확인해보니 역시나 많은 수의 오류가 나타났고 하나씩 해결해나가다 보니 a 태그를 닫지않는 등의 사소한 실수들도 눈에 띄었다. 이제와서 기억해내려하니 잘은 기억나지 않지만 상당히 오랫동안 고민한 오류가 있었고 무엇보다 끝내 해결하지 못한 오류가 있다. 그 때문에 XHTML 1.1은 통과하지 못하고 XHTML 1.0 Transitional에 그치고 말았다. XHTML 1.0은 3가지 타입으로 나뉘어져 있고 그나마 Strict라도 통과했으면 만족스러웠을텐데 여기엔 다 이유가 있다.&lt;br /&gt;&lt;br /&gt;&lt;div&gt;&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://vampirickiss.com/attach/1/1277541016.png&quot; alt=&quot;User Image&quot; height=&quot;172&quot; width=&quot;422&quot; /&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;현재 Textcube 1.7.5 버전을 사용 중이며 XHTML 1.0 Strict에서부터 Search 부분에서 오류가 발생한다. 오류의 내용은 document type does not allow element &quot;input&quot; here; 즉, 이 문서에선 input 태그가 허용되지 않는다는 건데 도저히 관련 문서나 글들을 찾아볼 수 없었다. 처음엔 코드가 잘 못 작성되었다고 생각하고 웹표준을 준수한 다른 스킨들을 분석해봤지만 코드의 차이점은 없었다. search 기능엔 텍스트큐브의 치환자가 들어가게되므로 실제로는 텍스트큐브 자체의 코드가 삽입된다. 아마도 이 과정 속에서 오류가 발생한다고 결론내리고 차마 Search 기능을 빼버릴 순 없으니 XHTML 1.0에 머물기로 했다.&lt;/div&gt;</summary>
  </entry>
  <entry>
    <title type="html">더욱 효율적으로 디자인된 Web Inspector</title>
    <link rel="alternate" type="text/html" href="http://vampirickiss.com/94" />
    <link rel="replies" type="application/atom+xml" href="http://vampirickiss.com/atom/response/94" thr:count="0"/>
    <category term="knowledge-box" />
    <category term="Application" />
    <category term="Safari" />
    <category term="Web Inspector" />
    <category term="WebKit" />
    <category term="사파리" />
    <author>
      <name>(VampiricKiss)</name>
    </author>
    <id>http://vampirickiss.com/94</id>
    <updated>2008-10-24T03:37:54+09:00</updated>
    <published>2008-10-05T22:59:45+09:00</published>
    <summary type="html">&lt;div class=&quot;imageblock center&quot; style=&quot;text-align: center; clear: both;&quot;&gt;&lt;img src=&quot;http://vampirickiss.com/attach/1/1366498907.png&quot; alt=&quot;사용자 삽입 이미지&quot; height=&quot;410&quot; width=&quot;500&quot; /&gt;&lt;/div&gt;흔히 개발자가 생각하기에 Firefox의 최고의 플러그인은 Firebug일 것이다. 바로 Firebug와 비슷한 툴인 &lt;a href=&quot;http://webkit.org/blog/197/web-inspector-redesign/&quot; target=&quot;_blank&quot;&gt;Web Inspector&lt;/a&gt;가 더욱 효율적이고 아름답게 업데이트되었다. 몇 가지 눈여겨볼만한 사항이 있으며 가장 먼저 인터페이스가 새로이 디자인되었다는 점이 눈에 띈다. 개발자 자신이 상당히 세련되어졌다고 자부하며 툴바에 아이콘으로 표현된다. 툴바엔 Elements, Resources, Scripts, Prifles과 Databases 요소가 자리잡고 있다. Elements Panel의 경우 겉모습은 이전과 다를 바가 없지만 모든 부분이 Dom Tree로 이루어진다. 이전의 Network Panel에서 많은 부분이 향상된 Resources Panel은 iTunes에서 자주 보이던 가로 형태의 Waterfall 그래프로 Dcouments, Style Sheets, Images, Scripts 등의 각 요소들이 차지하는 비율이나 로딩되는 시간을 표현해주고 있다. 웹에선 인터넷 환경에 따라 다양한 변수가 존재하기 때문에 적절한 비율을 유지하는 것이 중요하다. 예를 들어, 너무 많은 스크립트는 엔진의 해석에 따른 로딩 시간을 지연시켜 다른 부분은 이미 화면이 떴는데 스크립트 부분만 빈칸이면 보는 입장에서 답답할 수 있다. 그러한 점에서 Resources Panel은 상당히 유용한 메뉴다.</summary>
  </entry>
  <entry>
    <title type="html">포스트잇을 연상케하는 디자인, IDEO.com</title>
    <link rel="alternate" type="text/html" href="http://vampirickiss.com/93" />
    <link rel="replies" type="application/atom+xml" href="http://vampirickiss.com/atom/response/93" thr:count="0"/>
    <category term="design studio" />
    <category term="AJAX" />
    <category term="Design" />
    <category term="ideo.com" />
    <category term="디자인" />
    <author>
      <name>(VampiricKiss)</name>
    </author>
    <id>http://vampirickiss.com/93</id>
    <updated>2008-10-04T14:57:31+09:00</updated>
    <published>2008-10-04T14:46:50+09:00</published>
    <summary type="html">&lt;div&gt;&lt;div class=&quot;imageblock triple&quot; style=&quot;text-align: center&quot;&gt;&lt;table cellspacing=&quot;5&quot; cellpadding=&quot;0&quot; border=&quot;0&quot; style=&quot;margin: 0 auto;&quot;&gt;&lt;tr&gt;&lt;td&gt;&lt;img src=&quot;http://vampirickiss.com/attach/1/1186980440.jpg&quot; alt=&quot;IDEO.com&quot; height=&quot;96&quot; width=&quot;192&quot; /&gt;&lt;/td&gt;&lt;td&gt;&lt;img src=&quot;http://vampirickiss.com/attach/1/1136557518.png&quot; alt=&quot;IDEO.com&quot; height=&quot;96&quot; width=&quot;192&quot; /&gt;&lt;/td&gt;&lt;td&gt;&lt;img src=&quot;http://vampirickiss.com/attach/1/1156739854.png&quot; alt=&quot;IDEO.com&quot; height=&quot;96&quot; width=&quot;192&quot; /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;&lt;/div&gt;&lt;h3&gt;IDEO.com&lt;/h3&gt;&lt;h3&gt;&lt;br&gt;&lt;/h3&gt;&lt;a href=&quot;http://ideo.com/&quot; target=&quot;_blank&quot;&gt;IDEO.com&lt;/a&gt;에 처음 방문하자마자 분홍색 계통의 첫 페이지에 압도당했다. 상당히 구별하기 힘들지만 자세히 보면 포스티잇처럼 각종 웹페이지 이미지가 벽에 붙어있는 듯한 모습을 하고 있다. 하지만 단순한 이미지가 아닌 저 복잡해보이는 벽이 메인 메뉴화면이다. 특정 부위에 커서를 갖다대면 AJAX를 통해 부분적으로 밝아지며 메뉴에 대한 설명이 나온다. 하지만 색다르고 화려한 메뉴를 만듦과 동시에 방문자가 구별하기 힘들 정도로 직관성이 부족하다. 그나마 아래에 텍스트로 이루어진 서브 메뉴를 갖추고 있다는 점이 보완해주고 있다. 홈페이지 안으로 들어가보면, 가장 많은 부분을 차지하고 있는 건 첫 화면과 비슷한 형태의 이미지들이다. 무언가 정리가 안되어있는 듯한 연출을 선호하는 듯 하다. 인상이 깊은 건 스타일시트 파일을 브라우저별로 나눠놓으며 상당히 세심한 부분까지 신경을 썼다는 점이다.&lt;div&gt;&lt;br&gt;&lt;div&gt;&lt;div&gt;&lt;div class=&quot;imageblock triple&quot; style=&quot;text-align: center&quot;&gt;&lt;table cellspacing=&quot;5&quot; cellpadding=&quot;0&quot; border=&quot;0&quot; style=&quot;margin: 0 auto;&quot;&gt;&lt;tr&gt;&lt;td&gt;&lt;img src=&quot;http://vampirickiss.com/attach/1/1180175395.png&quot; alt=&quot;IDEO.com&quot; height=&quot;96&quot; width=&quot;192&quot; /&gt;&lt;/td&gt;&lt;td&gt;&lt;img src=&quot;http://vampirickiss.com/attach/1/1136768638.png&quot; alt=&quot;IDEO.com&quot; height=&quot;96&quot; width=&quot;192&quot; /&gt;&lt;/td&gt;&lt;td&gt;&lt;img src=&quot;http://vampirickiss.com/attach/1/1194325523.png&quot; alt=&quot;IDEO.com&quot; height=&quot;96&quot; width=&quot;192&quot; /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</summary>
  </entry>
  <entry>
    <title type="html">30 데이즈 오브 나이트 (30 Days of Night, 2008)</title>
    <link rel="alternate" type="text/html" href="http://vampirickiss.com/92" />
    <link rel="replies" type="application/atom+xml" href="http://vampirickiss.com/atom/response/92" thr:count="1"/>
    <category term="chit-chat" />
    <category term="30 Days of Night" />
    <category term="30 데이즈 오브 나이트" />
    <category term="Movie" />
    <category term="Review" />
    <category term="리뷰" />
    <category term="영화" />
    <author>
      <name>(VampiricKiss)</name>
    </author>
    <id>http://vampirickiss.com/92</id>
    <updated>2008-10-04T14:01:42+09:00</updated>
    <published>2008-02-21T21:23:54+09:00</published>
    <summary type="html">&lt;h3&gt;Joshua Hartnett; 조쉬 하트넷&lt;/h3&gt;&lt;br&gt;가끔 영화에 대한 인지도보다 출연 배우만을 보고 결정하는 경우가 있다. 조쉬 하트넷이 출연한 &#039;Wicker Park&#039;를 본 후, 이 배우에 대한 강렬한 인상을 받았다. 이 배우라면 어느정도 퀄리티가 괜찮겠다 싶은 것이다. 그러나 영화의 질을 따진다면 그리 좋은 영화는 아니다. 하지만 좋은 영화가 될 수 있었다라고 말하고 싶다. &#039;30 Days of Night&#039;는 독특한 소재들로 가득하다. 발상 자체만으로도 높게 평가해주고 싶다.&lt;br&gt;&lt;br&gt;&lt;div class=&quot;imageblock triple&quot; style=&quot;text-align: center&quot;&gt;&lt;table cellspacing=&quot;5&quot; cellpadding=&quot;0&quot; border=&quot;0&quot; style=&quot;margin: 0 auto;&quot;&gt;&lt;tr&gt;&lt;td&gt;&lt;img src=&quot;http://vampirickiss.com/attach/1/1370051980.png&quot; alt=&quot;사용자 삽입 이미지&quot; height=&quot;78&quot; width=&quot;192&quot; /&gt;&lt;/td&gt;&lt;td&gt;&lt;img src=&quot;http://vampirickiss.com/attach/1/1308314870.png&quot; alt=&quot;사용자 삽입 이미지&quot; height=&quot;78&quot; width=&quot;192&quot; /&gt;&lt;/td&gt;&lt;td&gt;&lt;img src=&quot;http://vampirickiss.com/attach/1/1262184909.png&quot; alt=&quot;사용자 삽입 이미지&quot; height=&quot;78&quot; width=&quot;192&quot; /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;&lt;h3&gt;Alaska; 알래스카&lt;/h3&gt;&lt;br&gt;영화의 배경이 되는 곳은 알래스카다. 알래스카라는 지리적인 특성이 잘 반영되었다. 알래스카의 최북단에 위치한 배로우는 30일동안 해가 뜨지 않는 시기가 있기 때문에 마을 주민들은 이 때만 되면 외부로부터 고립된다. 누군가는 30일동안 여행을 떠난다거나 타지역의 친척 집에 머물기도 하면서 각자 대처를 한다. 해가 뜨지 않기 때문에 식당에선 돌발행동을 막기 위해 술을 팔지 않고 주인공으로 등장하는 보안관 조쉬 하트넷은 마을 주변을 점검한다.&lt;br&gt;&lt;br&gt;여주인공으로 등장하는 멜리사 조지와 조쉬 하트넷은 부부로 등장한다. 이 둘은 영화 초반부터 개인적인 문제를 가지고 있는 것으로 그려진다. 하지만 그 이유에 대해선 밝혀지지 않고 보는 이에게 강압적으로 그러하다고 주입시킨다. 그리고 멜리사 조지는 또다시 아무런 이유없이 어린 아이에게 집착하게 되고 그것을 받아들여야 한다. 그러므로써 영화의 진행은 매끄럽지 못하게 된다.&lt;br&gt;&lt;br&gt;&lt;div class=&quot;imageblock triple&quot; style=&quot;text-align: center&quot;&gt;&lt;table cellspacing=&quot;5&quot; cellpadding=&quot;0&quot; border=&quot;0&quot; style=&quot;margin: 0 auto;&quot;&gt;&lt;tr&gt;&lt;td&gt;&lt;img src=&quot;http://vampirickiss.com/attach/1/1280303355.png&quot; alt=&quot;사용자 삽입 이미지&quot; height=&quot;78&quot; width=&quot;192&quot; /&gt;&lt;/td&gt;&lt;td&gt;&lt;img src=&quot;http://vampirickiss.com/attach/1/1346181112.png&quot; alt=&quot;사용자 삽입 이미지&quot; height=&quot;78&quot; width=&quot;192&quot; /&gt;&lt;/td&gt;&lt;td&gt;&lt;img src=&quot;http://vampirickiss.com/attach/1/1066903360.png&quot; alt=&quot;사용자 삽입 이미지&quot; height=&quot;78&quot; width=&quot;192&quot; /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;&lt;h3&gt;Vampire; 뱀파이어&lt;/h3&gt;&lt;br&gt;30일동안 고립된 마을에서 연쇄 살인이 일어나고 마을 사람들이 서로 협력하다가도 배반하는 그런 심리묘사에 치중했다면 더 좋았을지도 모른다. 하지만 다소 어울리지 않게 뱀파이어를 등장시킨다. 여기서부터 문제는 시작된다. 뱀파이어의 등장이 어느정도 당위성을 가지고 있었다면 모르겠지만 등장시키고 아무런 목적없이 살인을 하고 30일이 다 되어 사라진다. 화려한 연출과 상반되게 스토리의 부실함이 느껴진다.&lt;br&gt;</summary>
  </entry>
</feed>
