오늘의 도전 과제는 파노그래피Panography입니다. Panography는 Photojojo에서 Panoramas on Steroids라고 말하고 있습니다. 말 그대로 이어붙인 파노라마 입니다.

Photojojo의 Panographies: Panoramas on Steroids 포스팅을 보고 따라하기만 하면 됩니다. 기본적인 컨셉은 일반 디지털 카메라의 파노라마 모드와 같습니다. 간략히 적어 보면 이렇습니다.

1. 찍을 적당한 장소를 골라서 사진을 찍습니다. 이때 노출과 줌, 찍는 장소(발을 붙이고..)는 동일해야 합니다.
2. 찍은 파일을 일괄적으로 리사이즈 합니다. photoWorks나 Photoshop의 배치 액션 기능을 사용하면 편합니다.
3. 리사이즈한 파일을 하나의 큰 캔바스를 만들고 그 위에다 조립합니다. 피스 퍼즐처럼 그림의 형태를 보고 맞추시면 됩니다.
4. 이제 멋진 Panography가 만들어 졌습니다. Flickr의 Panography 그룹에 포스팅하여 다른 사람들과 공유할 수도 있습니다.

어느 정도의 노가다(?)를 마치고 나면 왠지 멋있어 보이는 Panography를 만들 수 있습니다. 빈틈없이 이어붙이기 위한 소스를 찍는일과, 일일이 손으로 이어붙이는 마지막 작업이 제일 많은 시간과 노력이 들 것 같습니다.

이것을 보고 떠오른 것이 위의 동영상에서 보이는 MS의 이미지 합성기술인 Photosynth(Photo+Synthesis)입니다. Database의 Data Mining처럼 무수히 널려있는 웹상의 데이터를 하나로 통합하는 대 통합의 시대(Web 3.0?)가 오지 않을까 합니다.

아래는 Flickr의 Panography 일부입니다. 더 많은 사진은 Flickr, Panography Group에서 보실 수 있습니다.

얼마 후면 Vista의 RC1 버전이 발표됩니다. Vista OS의 중요성은 웹 측면에서 새로운 서체(맑은 고딕)가 아닐까 합니다.

기존 국내의 웹 페이지 제목 부분을 보자면, 미려한(?) 디자인을 위해 이미지 혹은 영문을 주로 사용하였습니다. 웹 기본 서체인 굴림이나 돋움의 경우 9pt 이상이 넘어가게 되면, 커질수록 빈약해지는 문제 때문에 사용을 꺼렸습니다. 비트맵 서체의 한계였습니다. 하지만 Vista에 포함되는 맑은 고딕이라는 벡터 방식의 서체를 기본으로 채용하였습니다. 즉 텍스트만으로도 (어느 정도) 외국에 뒤지지 않는 디자인이 가능해 졌습니다.

Krify Articles에 따르면 국내 뿐 아니라 다른 나라의 서체도 새로 포함된다고 합니다.

• 한국어
  Malgun Gothic for Korean v0.85 .
• 중국어 (번체)
  Microsoft JhengHei for Chinese (Traditional) v0.71 ..
• 중국어 (간체)
  Microsoft YaHei for Chinese (Simplified) v0.71 ..
• 일본어
  Meiryo for Japanese v0.98 .
• 히브리어
  Gisha for Hebrew v0.71 .
• 타이어
  Leelawadee for Thai v0.71 .
• 아랍어
  Majalla UI for Arabic v0.90 .
• 영어
  Segoe UI for Latin based v0.70 .

그리고 고정폭 서체로 Lucida Console v1.60 .이 추가되었습니다.

한/중/일의 서체 변경으로 인해 어느 정도의 시각적 향상이 있었는지 Microsoft의 사용 약관 페이지를 통하여 살펴보겠습니다. 위쪽이 기존, 아래쪽이 새로운 서체를 적용한 화면입니다. XP의 경우 필히 ClearType을 적용하는 것이 좋습니다.

Gulim vs. Malgun Gothic for Korean v0.85

SimSun vs. Microsoft YaHei for Chinese (Simplified) v0.71

MS PGothic vs. Meiryo for Japanese v0.98

IE의 경우 웹 페이지의 기본 서체를 '맑은 고딕'으로 변경하여 사용할 수도 있습니다. 이러한 설정으로 조금 사용해 보면 새로운 서체가 좀 큰 글자 혹은 작은 글자에서 그 위력을 발휘합니다. Vista의 보급을 통하여 국내 웹 디자인의 변화가 일어나기를 기대해 봅니다.

CSS의 크기가 점점 커져가고 있습니다. 제 사이트만 해도 20KB 정도나 됩니다. CSS를 최적화 시켜주는 무료 서비스를 이용하면 크기를 줄일 수가 있습니다. 페이지 로딩도 조금은 줄어들지 않을까 합니다. 더블어 CSS 검증Validation과 잘못된 문법 교정도 가능합니다.

CSS 최적화를 서비스를 제공해주는 사이트에는 CSS Optimizer, Icey’s CSS Compressor, flumpCakes CSS Optimiser, CleanCSS 등이 있습니다. 이러한 사이트에 대해서 벤치마크(CSS Optimization: Make Your Sites Load Faster for Free)한 포스팅이 있어서, 제 블로그 CSS도 테스트를 해봤습니다.

다음과 같은 결과가 나왔습니다.

• Original CSS
  20.50 KB (효율)
• CSS Optimizer
  12.58 KB (37.19%)
• Icey’s CSS Compressor
  9.00 KB (55.07%)
• flumpCakes CSS Optimiser
  17.01 KB (17.00%)
• CleanCSS
  12.34 KB (39.80%)

벤치마크 포스팅의 결과와 동일하게 Icey's CSS Compressor가 제일 효율이 좋게 나왔습니다. 화이트 스페이스를 모조리 제거한 것이 주요하지 않았나 생각합니다.

제 생각으로는 위와 같은 최적화 서비스를 이용해 CSS 크기를 줄이는 것도 좋지만, 효율적인 CSS 구사가 더 근본적인 해결책일 것입니다.

Zap Reader는 웹 기반의 속독 프로그램 입니다. 사용법은 아래 동영상을 보세요. 한글도 문제없이 동작합니다.

사이트에 따르면, 이 프로그램을 이용한 베타 테스터들의 사용 보고서를 토대로 300%의 읽기 능력 향상이 가능하다고 말합니다. 저도 잠시 이용해본 결과 만족합니다. 다만, 1분에 300개의 단어를 플레이 시키기 때문에 약간은 피곤하고 문맥 파악이 원활한가에 대해서는.. 아직 잘 모르겠습니다.

Flip Clock 화면보호기인 FLIQLO v1.0.4 입니다.

이번에 Flash Player가 9로 판올림을 하면서 FLIQLO가 플래시를 제대로 호출하지 못하던 버그가 있었습니다. 수정된 최근 버전에서는 정상적으로 돌아갑니다.

실제로는 아래처럼 보여집니다.

나만의 Web 2.0 스타일의 로고를 만들어 주는 사이트를 소개합니다. Web 2.0 V2 BETA 입니다.

아래에 로고를 만들어 보았습니다. [c=FF0000]Text![/c]나 [c=FF0000]Text![/c=0000FF]와 같은 태그로 색을 넣는 기능은 동작하지 않는 것 같습니다. 검은색으로 표시됩니다.

위와 같이 반사 효과와 BETA 마크를 옵션으로 선택할 수 있습니다.

덤으로 MSIG(Messenger Image Gen)을 통하여 메신저 배너를 만들 수도 있으니 한 번 둘러보세요.

2006. 8. 18, Updated:
Web 2.0 Logo Creator by Alex P 사이트가 바뀌었습니다. 이제 컬러 옵션과 그라데이션 옵션이 적용되는군요. 그러나 위쪽에 보이는 이전 페이지 구성이 더 나은것 같습니다. 속도도 무척 느려졌습니다. 참을성을 길러 보세요.

[c=66BE09]e[/c][c=DDDDDD]Motion[/c=000000]로 입력하고 생성한 로고는 오른쪽과 같이 보입니다.

간단히 설명 드리면 [c=FF0000]Text![/c]일 경우 빨간색으로, [c=FFFFFF]Text![/c=000000]일 경우 흰색에서 검은색의 그라데이션으로 생성됩니다.

엑셀의 데이터를 시각적으로 보여주는 팁을 소개 합니다. 발상의 전환이라고 해야 할까요.. 아무튼 대단합니다.

조금 있으면 오피스 2007(이전까지는 오피스 12였죠)를 발표합니다. 오피스 2007은 기존 오피스 프로그램과 파일 포멧이 다르고 UI에 있어서도 획기적인 진화를 하였습니다. 이 새로운 오피스의 엑셀 기능중에 데이터 바(Data Bar)라는 것이 있습니다. 셀에 들어있는 데이터를 그래프로 표현해 주는 기능입니다. 아래에 소개할 내용은 오피스 2007 이전 버전에서 이것을 만드는 방법입니다.

Rept Script vs. Data Bar

기존 엑셀에서의 텍스트 그래프와 엑셀 2007의 데이터 바를 비교한 그림입니다. 2007의 경우 데이터와 같이 표시되어 가독성이 떨어지는 것을 볼 수 있습니다. 왼쪽의 그래프는 차트 기능을 사용한 것이 아닌, 텍스트로 만들어진 그래프입니다. 어떻게 만들었을까요?

In-Cell Graph

엑셀을 사용하셨던 분들은 아시겠지요? REPT라는 함수를 이용하여 '|' 문자를 반복시켜 표현하고 있습니다. 이 함수는 REPT(텍스트, 반복회수)의 기능을 가지고 있습니다. 공백과 문자를 적절히 활용하면 아래처럼 갠트 차트도 문제 없습니다.

Gantt Chart

한눈에 파악할 수 있는 문서, 보기에도 편한 문서를 만들기위해 위의 아이디어를 적극적으로 활용해 보는 것은 어떨까요?

출처 : Lightweight data exploration in Excel
REPT를 이용한 그래프 만들기가 소개되어 있습니다.

활용 : More on Excel in-cell graphing
다양한 활용 방법이 엑셀 예제 문서로 제공됩니다. 그래프의 길이 조정, 음수 표현, 그래프와 데이터를 같이 표현, 갠트 차트(Gantt Chart) 표현 등의 예제가 포함되어 있습니다.

PS3와 Wii의 대결을 보여주는 닌텐도의 CF입니다. 보고나니 PS3보다 Wii가 더 좋아 보이네요. 원래 제작자의 의도에 넘어가는 것을 싫어하지만, 이상하게도 기분이 나쁘지 않습니다. Wii.. 기다려 집니다.

원본은 MAC의 CF 입니다. 이 광고로 인한 루머로는 Sony와 Nintendo가 손잡을 것이라는 말이 있기도 합니다. 그렇게 되면 Sony와 Microsoft는 어떤 표정을 지을까요.

샘플 : flickr-blog.zip

WordPress를 위한 Hemingway-Flickr 플러그인을 보고 만들어 보았습니다. Flickr와 Lightbox2를 사용합니다. 데모는 http://www.stimuli.ca/ 아래쪽 사이드바 영역의 갤러리 이미지를 클릭해 보시면 됩니다. Flickr에서 생성해 주는 코드와 자바 스크립트만을 이용하였기 때문에 별다른 제한은 없습니다.

자신의 Flickr와 연동하기 위한 방법은 간단합니다. 우선 Flickr에 계정이 있어야 합니다. 다음으로 Flickr badge에서 HTML 방식으로 필요한 코드를 생성합니다.

Make a Flickr badge

샘플과 동일하게 나오게 하려면 3번째 단계에서 크기를 제일 작은것(Square)으로, 구성은 없음(None)으로 선택해야 합니다. 마지막 단계에서는 자동으로 생성된 코드를 볼 수 있습니다. 필요한 부분은 코드의 마지막 부분

입니다. 자기의 Flickr badge를 생성하면 source 이후 부분이 조금 틀려집니다. 개수 조정은 count 부분을 조정하면 됩니다. 이제 위에서 만든 코드를 샘플 파일(skin.html)의 동일 위치와 바꿔주면 됩니다.

참고로 샘플의 파일의 구조는 이곳 티스토리 스킨 파일의 구조와 동일하게 맞추어져 있습니다.

엘리베이터 해킹에 관한 재미있는 글을 발견했습니다. 엘리베이터 설계자들은 숨겨진 모드를 만들어 놨다고 합니다. 엘리베이터 기능중에 특정층에 정지하지 않게하는 것이 있습니다. 또는 지정한 층까지 논스톱으로 올라가도록 설정해 놓은 곳도 있습니다. 보통 이러한 설정은 특정한 키를 필요로 하지만, 일반적인 엘리베이터에서 특정 조작을 통하여 이 기능을 사용할 수 있다고 합니다.

'닫기' 버튼과 가려고 하는 '○층' 버튼을 동시에 누르는 것으로 논스톱 모드가 가능합니다.

출퇴근때나 점심시간 등 각 층마다 문이 열리는 혼잡한 시간에 사용하면 유용할 것 같습니다. 예전 구식 엘리베이터는 잘 될지 모르지만 요즘 엘리베이터까지 될지는 미지수입니다. 각자 재미로 해보면 어떨까 합니다.

FON

공유기는 Linksys WRT54G로 변경되었다고 합니다. 이전 버팔로 공유기도 200대 정도 남아 있다고 하니 선착순으로 달리면 가능할것 같습니다. (혹시.. 폭탄들이 200개 남은건 아닌가 하는 생각도..) 9월달에 나올 제품은 아직인가 봅니다. 그게 더 이뻐 보이는데 말이죠.

저는 이미 버팔로 공유기를 받은 상태이기 때문에 추후 이루어질 펌웨어 업그레이드가 절실합니다. 무선 AP 2개에 MAC Address 인증이 필요하기 때문이죠. 아래는 원문입니다.

FON 공유기 2차 구매에 관한 안내

안녕하십니까?

FON Korea에서 알려드립니다.

오는 8월 7일(월) 오후 드디어 오래 기다리셨던 FON 공유기 2차 구매에 대한 결제 안내 메일이 발송될 예정입니다. 이에 앞서 중요한 공지 사항이 있어 알려드립니다.

2차 구매 예약 분에 대해서는 1차 특가 판매에서 제공되었던 버팔로 공유기 대신 링크시스 유무선 공유기 WRT54G가 제공되게 됨을 알려드립니다. 링크시스 WRT54G 모델은 현재 시중에서 약 6만원정도에 판매되고 있는 고급 유무선 공유기로서 국내에서 가장 널리 사용되는 공유기 중 하나 입니다.

그러나 반드시 버팔로 공유기를 구매하시고자 하는 분들을 위해 버팔로 공유기를 약 200대정도 준비하고 있아오니 결제시 선택 구매하시면 됩니다. 단, 선착순이므로 남은 수량이 소진되면 더 이상 제공되지 않습니다.

FON에 보내주신 관심과 성원에 진심으로 감사드리며 보다 향상된 서비스 제공 및 FON 네트워크 구축을 위해 항상 노력하겠습니다.

감사합니다.

MSDN 구독자들에게만 제공되된 MSDN 라이브러리가 무료로 다운로드할 수 있게 되었습니다. 앞으로 지속적인 공개가 있을 예정이라고 합니다.

MSDN Library May 2006 Edition