Stacks 안으로 되돌아올 반가운 목록 보기

Apple, Mac & iOS 댓글이 없음 »

Leopard를 설치하고 가장 실망했던 기능 중의 하나가 바로 Stack이다. 왜냐하면 Fan이나 Grid 형태의 파일 접근 방식은 경우에 따라 폴더 속 파일이 많아질 경우 상당히 실용적이지 못 하였기 때문이다. 가장 기본적인 목록 보기가 빠져버리면서 거의 무용지물이라, 굳이 예전의 목록 보기 기능을 사용하려면 다른 어플리케이션의 힘을 빌어야 했다.

다행히도, Apple은 귀를 막고만 있을 수 없었는지, 실험용으로 배포된 Leopard의 다음 버전(10.5.2)에는 이 Stack에는 그 동안 뻐져있던 목록 보기(List View)가 추가될 예정이란다.

Stack에 추가될 목록 보기 화면

내년 1월에 열리는 Macworld San Francisco Expo 2008 이전에 나와주었으면 좋겠는데…

꼬리표:

Web Inspector 갱신 소식

Apple, Mac & iOS, CSS 댓글이 없음 »

WebKit 3에 내장되어 있는 Web Inspector가 반가운 기능들로 갱신되었다는 소식이다.
특히나, 실시간으로 CSS 스타일을 수정할 수 있게 된 것과, 옆에 있는 Sidebar의 크기를 조절할 수 있게 된 것은 당장 Safari에도 적용되었으면 하는 기능. (Firebug에서는 예전부터 지원했던 기능이지만)

그나저나, WebKit에서도 이제 CSS2에 정의되어 있는 @font-face 규칙을 지원하기 시작하면서, 필요에 따라 내려받을 수 있는 다양한 종류의 공개된 TrueType 글꼴들로 디자이너들에게 표현의 자유도를 넓혀줄 수 있는 기틀은 마련되기 시작했지만, 저작권 문제와 기타 웹 브라우저들의 지원 사항등 여러가지 이유로 가까운 시기에 널리 사용될지는 아직 불투명.

꼬리표:

blueprintcss와 jQuery 사용자를 위한 TextMate의 HTML snippet

Apple, Mac & iOS, CSS, HTML, JavaScript 댓글이 없음 »

웹 개발 과정에 있어서 웹 페이지 속 UI 동작을 구현하는데 필요한 기본적인 기능들을 모아놓은 JavaScript Library들이 제공되면서 개발자들의 손을 한 시름 덜어주게 되었고, 결국 남은 여력을 프로젝트에 더 집중하게 되면서 작업의 효율성을 증가시켜 주었듯이, 마찬가지로 웹 페이지의 기본 layout을 잡을 때 반복적으로 수행되던 CSS 작업에서도 빠른 작업 수행 속도를 붙여줄 수 있는 framework 형태의 여러 조력자들이 등장하고 있다.

개인적으로 JavaScript Library로는 jQuery를 그리고 CSS framework로는 blueprintcss를 주로 사용하게 되면서, 예전에 공개했던 HTML 문서 생성을 위한 TextMate용 snippet에도 작은 변화가 있었다.
여기에 그 바뀐 내용을 공개하면, 우선 아래는 HTML 4.01 Strict DocType을 위해 “page4” tab trigger로 지정된 HTML snippet이다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ko" dir="ltr">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>${1:Title}</title>
    ${2:<link rel="stylesheet" href="${3:css/blueprint/}screen.css" type="text/css" media="screen, projection" />
    <link rel="stylesheet" href="$3print.css" type="text/css" media="print" />
    <!--[lt IE 7]><link rel="stylesheet" href="$3lib/ie.css" type="text/css" media="screen, projection"><![endif]-->
    }<style type="text/css" media="screen">
    /* <![CDATA[ */
 
    /* ]]> */
    </style> 
    ${4:<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
    }<script type="text/javascript">
    // <![CDATA[ 
        $0
    // ]]> 
    </script> 
  </head>
  <body id="${5:page}">
    <div class="container">
      <div class="column span-${6:24}">
        <h1>${7:Header}</h1>
      </div>
      <div class="column span-${8:20}">
        ${9:Main content}
      </div>
      <div class="column span-${10:4} last">
        ${11:Right sidebar}
      </div>
      ${12:<div class="column span-24">
        ${13:Footer}
      </div>}
    </div>
  </body>
</html>

기본적으로 지정되어 있는 HTML 문서의 구조는, 오른쪽에 작은 sidebar가 위치한 보편적인 2 column 구조로 위 아래에 Header와 Footer가 위치하고 있다.

다음은 같은 구조를 가진 XHTML 1.0 Strict DocType 문서를 위한 HTML snippet. tab trigger로 “page”가 지정되어 있다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" ${1:${2:xml:lang="ko"}${3: lang="ko"}} dir="ltr">
  <head>
    <meta http-equiv="Content-Type" content="${4:application/xhtml+xml}; charset=utf-8" />
    <title>${5:Title}</title>
    ${6:<link rel="stylesheet" href="${7:css/blueprint/}screen.css" type="text/css" media="screen, projection" />
    <link rel="stylesheet" href="$7print.css" type="text/css" media="print" />
    <!--[lt IE 7]><link rel="stylesheet" href="$7lib/ie.css" type="text/css" media="screen, projection"><![endif]-->
    }<style type="text/css" media="screen">
    /* <![CDATA[ */
 
    /* ]]> */
    </style> 
    ${8:<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
    }<script type="text/javascript">
    // <![CDATA[ 
      $0
    // ]]> 
    </script> 
  </head>
  <body id="${9:page}">
   <div class="container">
      <div class="column span-${10:24}">
        <h1>${11:Header}</h1>
      </div>
      <div class="column span-${12:20}">
        ${13:Main content}
      </div>
      <div class="column span-${14:4} last">
        ${15:Right sidebar}
      </div>
      ${16:<div class="column span-24">
        ${17:Footer}
      </div>}
    </div>
  </body>
</html>

간단한 것이지만, 손놀림을 덜 수 있는 또 하나의 꼼수다.

꼬리표:

TextMate 2 소식?

Apple, Mac & iOS 댓글이 없음 »

Mac OS X 10.5 Leopard 발매와 더불어서, 사용자들은 자기가 애용하고 있는 어플리케이션들이 과연 새로운 환경과 잘 어울리면서 부드럽게 돌아갈 것인지의 염려섞인 걱정이 들기 마련이다. 개인적으로 갱신이 약간 뜸했던 TextMate의 개발 근황을 알아보기 위해 TextMate 사용자 Mailing list를 들러보았다.

현재까지 알려진 소식으로, 개발자는 내년 1월까지 아프리카에서 그 만의 낭만적 휴가를 보낼 예정이며 차기 TextMate 2의 발표는 당분간 기대하기 어려울 것이란다.

역시나 나처럼 TextMate 2의 개발 현황에 대한 사용자들의 궁금증이 증가하면서, 최근 TextMate 2에 대한 공식적인 소식이 담긴 페이지를 걸어놓았다. 별건 없고 공개된 것은, TextMate 2는 Leopard에서만 돌아갈 것이며 mouse gestures 기능을 지원할지도 모르겠지만, 언제쯤 공개될 것인지는 노 코멘트란다.

한국어 입력 문제도 말끔히 해결되면서, 빠르면 연말의 깜짝 발표 소식을 기대할 수밖에… 🙄

아프리카 여행…

Was TextMate 2 Released Today?

꼬리표: