SAVE THE DEVELOPERS <!> Upgrade IE 6 Now!

이 배너는 IE6 사용자에게만 보여집니다. 브라우저 업데이트로 보다 편리한 웹세상을 만나보세요!

«   2024/05   »
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  

Fireshot

fireshot으로 장난질..

장난질

불여우 포럼을 기웃거리다 하나 건졌다. Fireshot. 웹페이지를 캡쳐하고 간단한 내용을 표시하거나 작성할 수 있다. 온라인 데모 페이지를 보면 이것의 정체에 대해 쉽게 파악 된다.

설치하고 마땅히 할게 없어 장난 좀 쳤다. (텍스트 박스에 뭔가 적어 넣었는데... 막 누르다 보니 다 복사 됐나?..) 캡쳐 프로그램이야 많지만 부담 없는 것이 좋다. 뭐 이런게 내가 불여우를 놓을 수 없는 이유랄까? 아쉬운 점이 있다면 텍스트가 한글로 안 써져.... =_=''

+사족.. 마우스 우클릭이 막혀서 화면을 캡쳐해야겠다면.. 차라리 스크립트를 잠시 Disable 시키고 마우스 우클릭으로 다운 받는게 낫다..;;;


 

꾸미는 소소한 재미..

어렸을때부터 꾸미는 것을 좋아했는....지는 잘 모르겠으나, 아무튼 소소한 재미가 있다. 문제는  옛날 이미지는 그대로 방치하고, 소스는 삭제 없이 더해지기만 한다는 것... 훗, 덕분에 소스는 완전 누더기 수준..;;;; 아니 수준도 아니고 그냥 누더기..

hi8ar.net_080511

그나 저나 에디터에서 이미지가 안 올라간다. (설마 이런게 누더기 스킨의 폐혜?) 안 올라간지 꽤 됐는데, 왜 그런지는 오리무중... 이것이 마지못해 플릭커에 올리고 끌어올 수 밖에 없는 이유... :) 내일 날 밝으면 서버 관리자 또 귀찮게 할 수 밖에 없겠다.. 미안해라... 그건 그렇고.. 꽤 마음에 드는 공짜 템플릿을 발견했는데.. 누가 좀 텍스트큐브 스킨으로 만들어 줬음 좋겠다.. :)


TAG ,
 

최고의 파이어폭스 테마..

윈도(Windwos)용 파이어폭스 테마를 굳이 두 가지로 나눠보자면,

1. 사용하기 편리하고, 구석구석 빠짐없이 신경써서 완전히 변신 시켜주는 테마. 하지만 전혀 예쁘지 않은 스타일...
2. 매우 예쁘고 겉보기엔 번지르르 하지만, 대충 대충 모양만 빼내서, 쓰기엔 쉩더빡인 스타일...


Foxdie 1.1.2 Pre by ~tanjihay
그런데 foxdie는 1번과 2번을 절묘하게 (그야 말로 "절묘!" 라고 외칠만함..) 버무려 낸 지금까지의 최고의 테마가 아닐까 싶다.
최고로 치는 또 다른 이유는 제작자의 튜토리얼.. 1번의 A,B 때문.. 한개의 테마에서 고작 userchrome.css 를 수정함으로써, 여러가지의 테마로 변신이 가능하다!! 테마 하나 때문에, 툴바 이미지만 따다가 수정해야 하는 귀찮음을 간단히 해결해준다..
종류는 스크롤바와 버튼에 따라 아쿠아그래파이트의 두가지.. Milk, Samui, Muku, Rhino, Brushed, Leopard 알려지고 유명한 테마들이 쏙쏙... 한가지 아쉬운 점이 있다면 툴바와 메뉴의 바탕 부분만 변경되고, 버튼과 스크롤바는 그대로라는게 좀... :P (아마도 테마를 열어서, 버튼과 스크롤바 부분의 css와 이미지들을 싹 제거해 버리면... 아마도 윈도우의 VS 에 따라 변할걸로 예상됨..ㅎ) 셋트로 천둥새(Thunderbird) 테마까지....

게다가 테마중에 WebDeveloper 확장의 아이콘까지 지원해주는 테마는 아마도 이것이 유일(?) 하지 않을까 싶은데... 이 스크린샷에 쓰인 테마도 foxdie.

원츄~ 백만개.. :)

아니면 말고~


Original Flickr Photo Link.
 

Foobar 커버플로우, Foo_chronflow

chronflow

Foo_chronflow


초기 버젼에 캐실망 해 버려서.. 관심 밖이었던 크론플로우가 이 정도까지 발전해 버렸다! (스크린샷은 sort가 잘 안되서 저 모양이니 이해 요망..ㅋㅋ) foo_bubble_coverflow 이 0.18 버젼에서 꾸준히(?) 머물고만 있는데 비해서 Chronial, 이 친구 제법 바지런하구나... 아무튼 현재 최신 버젼은 foo_chronflow_v0.2.1..
예전에 하겠다고 했던 것들이 대부분 이루어진듯 하다. 이것저것 커스토마이징이 가능하고, 커버 위에서 마우스 동작에 따른 기능 설정이 가능한 것이 너무 좋다! 기본적인 커버플로우 모양에 더불어, 승천하는 꽈배기라 평했던 모양과, 둥글게 회전하는 모양까지 더해졌다. 한글 표현도 문제 없고, 클리어 타입 폰트 표현 역시 아름답다!

다만 커버를 가져오는 형태가 조금 다른데.. bubble_coverflow가 플레이 리스트 위의 앨범 커버만 가져왔던 것과 달리, chron_flow는 foobar의 media library(옛날식 표현으론 database..ㅎ)를 통째로 검색해서 가져온다. 뭐 어찌보면, 본래의 커버플로우의 기능에 충실해졌다고 할 수도 있겠지만, 너무 많은 앨범커버가 나와 버리는 것도 같고..... library를 스캔해서 앨범을 등록하지 않으면 앨범커버도 나오지 않는듯 하다. 아무튼 sort 부분만 조금 손봐주면 순서대로 나오긴 하겠지.. :)

설정창의 마지막 탭을 보면 아예 커버플로우를 직접 디자인(?) 할 수 있게끔, 제작자의 표현으론 Custom Cover Flow 라나? 암튼 조낸 복잡해 보이는 코드들이.... @_@''

  • doubleclick, mittleclick, [enter] user-defined actions.
  • Album follows playback option
  • Title display (fully customizable, use empty titleformat string to hide)
  • Custom BG Color
  • The Album Source Options page has gotten a "Reload Sources" button, so you don't have to recreate the panel to see changes in your sources setup.
  • The most hottest of all: Custom Cover Flow..

Keyboard shorcuts:
F5: Soft refresh (check database for changes)
Shift+F5: Hard refresh (clear cache, reload database and all images)
F6: jump to currently playing album.

등등이 가능하다고 제작자가 말했다... :)

 

"표준" 모드에서 더 예쁜 글꼴

이제는 개발이 중단된 듯한 푸바의 foo_title 플러그인은 원래 클리어타입이 적용되지 않기에, 그래이스케일(Grayscale) 작업으로 두껍게 만든 글꼴들(mg40, pp)이 잘 어울리지만,

클리어타입(ClearType)이 적용되는 다른 곳에는 사용할수가 없다. 간단히 확인을 위해 푸바의 플레이리스트에 적용해보면....


표준

화면 글꼴의 가장자리는 다듬는 방법 - "표준"

"표준" 상태에서 볼때는 위 그림처럼 만족스러운 결과를 보여주지만...


클리어타입

화면 글꼴의 가장자리는 다듬는 방법 - "ClearType"

클리어 타입(Clear Type) 아래에서는... 글자들이 뭉쳐진 듯 보이는 것이 좀 난감하다.

앞선글에서 처럼.. 클리어 타입을 사용하지 않는 사람이면 모르겠지만, 사용하는 사람이라면 VS(visual style)에 적용하기엔 좀 문제가 있다. 다만 원래 클리어타입이 적용되지 않는 플그램의 스킨 따위에 적용한다면 만족스러운 결과물이 나오지 않을까? :)



 

크론플로우?

아마도 bubble coverflow가 너무 일찍(?) 등장함에 따라, 자신도 뭔가를 하고 있긴 하고 있다는걸 증명해보이려는듯...;;
일단은 독특한 모양.. 마우스 휠을 잽싸게 위로 굴리면 승천하는 꽈배기,, 아래로 굴리면 곤두박질치는 스크류바가 생각난다. (삐이~삐이~꼬였네~들쭉날쭉해~사과맛~딸기맛~..;;;) 설정창이 있긴 하지만 뭘 설정하는 건지 잘 모르겠고, 플레이리스트별로 커버가 나오는게 아니라, 데이터 베이스에서 통째로 가져오는 것 같다.
제작자의 다음 단계 를 봤다면 눈치챘겠지만.. 딸랑 커버만 출력해 준다. 아직 아무런 기능이 없다. 마우스 휠 조낸 굴려봐야, 플레이리스트를 변경해 주기는 커녕, 커버 위에서 마우스 클릭하는것 마저도 무의미.. 결국 아무런 동작도 하지 않는다. =_=''
한글 폴더도 지원해주고, 커버 리플렉션(반사) 이미지까지 출력하게끔 업데이트 된 bubble coverflow에 비해.. 갈길이 너무 멀다.


chronflow

이게 뭐니, 이게? =_=''


난, 이 꽈배기 모양 반델세..

 

Foobar 커버플로우, Foo_bubble_coverflow

Foo_bubble_coverflow

Foo_bubble_coverflow


아기다리 고기다리던 커버플로우 컴포넌트.
foo_bubble_coverflow, A cover flow component

마우스 휠로도 제법 부드러운 커버 플로우를 보여줍니다. 나열할 커버수를 조절할수 있고, 커버 아래 앨범이름 또는 아티스트의 이름을 나타낼수도 있습니다. 다만, 글꼴을 선택할수가 없네요.. 난감한 글꼴.. 비록 iTunes의 커버플로우 비쥬얼에는 미치지 못하지만.. 뭐 더이상, 가짜 커버플로우 배경을 만들지는 않아도 될것 같은데요? :)

아직 쌩초반 버젼이라.. 한글 앨범의 경우, 제대로 나오지 않는 것 같습니다. 유니코드 문제 같은데, 일본어 앨범의 경우 다는 아니지만 군데군데 나오는 것을 보면...;;; 아무튼 고쳐지겠죠 뭐.. :)

자세한 사항은 위 링크를 참조하시고, 제작자가 계획한 것들이(animation, reflection 따위) 다 이뤄진다면, 제법 멋진 커버플로루 컴포넌트를 기대해 봐도 될듯합니다. :)

 

'071109' 에서 사용된 글꼴은...

HY강M 글꼴입니다.
스샷질에 사용할만한 예쁜 한글폰트는 참 드문편입니다. 암튼, 어쩌다가 적용해보게 된 글꼴인데.. 적어도 ClearType 아래에서.. 12px 이상의 크기를 가질때 그럭저럭 보기가 좋은것 같습니다. 한글 글꼴만큼 영문 글꼴도 예쁜편.. :)

hy강m

HY강M 이 적용된 Foobar 와 Avedesk, Rk launcher.


시리즈로 HY강B 가 있습니다. (HY강L 은???) 따로 이 글꼴을 설치한적도 없고, HY 로 시작하는 글꼴인걸로 봐서.. 아래한글을 설치해서 생긴 글꼴이 아닐까 싶어요... v_v; 제 아래한글 버젼은 2007..

비쥬얼 스타일(VS) 에도 적용해 보았는데.. 역시 글꼴이 8pt, 9pt 크기에선 썩 보기 좋지만은 않습니다. 하기사 한양나무M 체 정도를 사용하시는 분이라면야 보기 좋을런지도.... VS에 쓸만한 클리어 타입이 먹히는 한글 글꼴은 역시 '맑은 고딕' 만한게 없는것 같습니다.

071109 Screenshot 보기..

 

텍스트큐브에서 가장 좋아진 점은..

역시.. 위지윅 에디터에서 글 작성할때, 본문과 똑같이 볼 수 있다는 것이 아닐까?

wysiwig

똑같아~ :)

비록 wysiwyg.css 라는 css를 하나 더 만들어야 해서 공식적으로 지원하는 스킨이, 기본 스킨 하나 밖에 없겠지만.. (마음이 여유로워 지면, 모노크롬 스킨의 wysiwyg.css 를 만들어 올려두던가, 지금 사용중인 스킨을 텍스트큐브에서 바뀐점을 반영하여 배포하든가 할까 합니다. 요즘은 티스토리가 대세(?)인듯 하니 딱히 필요한 사람이 많지 않을 것 같기도 하고.... 암튼 혹시나 기다리진 마세요. :)
이것 말고는 딱히 피부에 달콤하게 와 닿는게 없음... =_='

 

daumTV팟 동영상에 배경 넣기..

daumTV팟 동영상의 사이즈(402x324)에 맞게 적당한 배경 그림을 하나 만들어서, 사용하는 스킨의 이미지 폴더에 올리고..


daum.gif


CSS에 "daum_tvpot" 정도의 이름으로 class를 하나 만들어 넣은 다음..
.daum_tvpot {
text-align: center;
margin: 0;
padding-top: 38px;
padding-bottom: 20px;
color: #FFF;
font-size: 12px;
background: #fff url(images/daum.gif) top center no-repeat;
}

본문글 작성시, 동영상 소스를 daum_tvpot 이라는 class의 div로 적당히 감싸주기만 하면...

<div class="daum_tvpot">
<object type='application/x-shockwave-flash' width="402" height="324" align='middle' classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0'><param name='movie' value='http://flvs.daum.net/flvPlayer.swf?vid=LJ3SYEg9qFM$' /><param name='allowScriptAccess' value='always' /><param name='allowFullScreen' value='true' /><embed src='http://flvs.daum.net/flvPlayer.swf?vid=LJ3SYEg9qFM$' width="402" height="324" allowScriptAccess='always' type='application/x-shockwave-flash' allowFullScreen='true'></embed></object>
<br />소녀시대 - 다시 만난 세상
</div>

이렇게 됨.. ;}




소녀시대 - 다시 만난 세상



샘플 하나더..

처음엔 괜찮아 보이지만.. 금방 싫증이 나버리는게 단점이라면 단점..
물론 이것은 예전에 언급했던 적이 있던 유튜브 동영상 뒤에 배경 넣기와 같은 방법.. :}

이것은 유튜브 샘플.. ;}