iPhone, iPod Touch 웹클립아이콘 만들기

아이폰이나 아이팟터치에서 쓰이는 웹클립아이콘을 만드는법을 간단히 요약하면.

  • 57×57사이즈의 apple-touch-icon.png을 서버 root에 올려둔다.
  • 혹은 <link rel=”apple-touch-icon” href=”/customIcon.png”/>을 웹페이지 <head>에 넣는다.
  • 아이폰의 위젯에 쓰이는 아이캔디효과는 사파리에서 자동적용시킨다.

자 모두 만들어 봅시다 -ㅅ-)/

Apple의 Dev센터도 자세히 기록되어있다. 나와있는 내용과는 달리 hicksdesign에 따르면 158×158에서 가장 예쁘게 나온다고 한다. 답글에 보면 60×60이 제일 깨끗하다는것도 보이고 아직은 약간 알쏭달쏭하다.

Safari의 검색필드

Safari 버젼 1.3부터 지원되는 재미난 기능중에 Search Field라는게 있다. osx의 검색필드의 기능과 모양을 웹에서 구현할수 있게 해주는데 적용방법은 <input type="text" />를 이용하는게 아니라 <input type="search" />를 사용하면 된다.

Read more…

html 에디터 고르기

새로 질러준(잇힝) 아이맥을 세팅하면서 새로운 html 에디터를 골라보려고 마음먹고 이것저것 사용해 봤다.

  • SubEthaEdit
    여러 사용자가 동시에 하나의 문서위에서 즐겁게… 놀수있는 환경을 제공해주는 멋진 프로그램이지만 제일 절실한 기능인 code snippet기능이 어디에 숨어있는건지 찾을수가 없었다. 프로젝트관리나 탭기능도 빠져있어서 대량의 작업을 할때 능률에 영항이 있을거 같다.
  • TextMate
    기능으로 보나 깔끔함으로보나 최고의 html 에디터임에 분명하다. 적어도 영어권의 사용자에겐…한글과의 궁합이 극악인데다가 인코딩옵션마저 mac roman과 unicode밖에 없다. 하지만 좀더 지켜볼만한 멋진 프로그램!
    추가사항: 구글신께서 일러주시길 한글만의 문제가 아니라 영문에 비해 글꼴의 폭이 넓은 한글, 일본어, 중국어 모두 글씨가 영문의 고정폭에 맞추어서 나오다보니 글꼴이 겹쳐져서 보이게 된다고 한다.
  • Taco html Edit
    기능상으론 딱히 빠지는부분이 없지만 조금 구형프로그램이랄까.. xhtml을 위주로 작업하는 상황엔 맞지 않는다.
  • Tag
    이건 아직 사용해보질 못했다. 외국쪽에선 상당히 호평을 받는거 같지만 상용이므로 일단 패스.
  • Smultron
    결국 예전부터 사용하던 이녀석을 당분간 더 사용하기로 했다. 기능이 조금 부족한게 단점.

이 외에도 BBEdit이나 Nvu같은 좋은 프로그램이 있지만 개인취향상 패스.

strict mode에서의 mysterious gap

xhtml transitional에서 strict로 변환후 미처 발견하지 못했던 문제점이 이제서야 보인다. image나 object의 아래쪽에 정체불명의 빈공간이 생겨버렸다. css를 수정하는 과정에서 생겨난 내 실수려니 했었지만 quirks mode나 transitional mode에서의 테스트에선 문제가 없는걸로 보아 strict의 자체적인 버그내지 특성으로 생각된다.

Read more…

xhtml Strict로.

시안작업을 끝내놓고 클라이언트의 대답을 기다리며 한가해진차에 Xhtml Transitional에서 Strict로 변경했다. 여기까진 좋았는데 Strick에선 a target이 사용불가라는걸 너무 늦게 알게된게 안타깝다. 결국 수정노가다 한판 :cry:

그리고 간만에 To do list

  • 조만간 시간이 나면 본의아니게 첫페이지로 와서 트래픽과 알러지를 유발하고 있는 플래쉬 section을 뒷쪽으로 바꿔줘야겠다. 나도 들어올때 짜증나는데 다른사람들은 오죽할까.
  • 방명록의 삭제또는 블로그프로그램에 통합할 예정생각이다. 아무리 생각해도 한사이트에 두개의 프로그램은 관리나 유지가 너무 비효율적이다.
  • 도무지 작업할 짬이 나질않는 (사실은 보여주기 민망한) 포트폴리오 section삭제

뭐 생각은 이렇지만 당분간은 시간때문에 포기 :D

updated @ 2005.5.14
여러가지 문제로 인해 다시 transitional로 돌아옴 :(

Archives...