WOWpc의 거시기들

Tray Command Line

(WOWpc) — Wed, 29 Feb 2012 19:01:26 +0900

마우스 보다는 키보드 단축키에 익숙한 사람들에게 편리한 명령어 입력기.

자주 쓰는 프로그램들을 등록하여 alias로 프로그램을 실행시킬 수 있다.
외형은 아주 간단하다.

기본형

MINI VIEW

문득 생각나서 검색해봤더니 Aliase를 수정하는 부분에서 문제가 있었는데
말끔히 고쳐진 5.03 버전이 홈페이지에 있길래 낼름 업어옴.

사용방법은 너무 간단하여 따로 하지 않겠음 ㅋ

원작자 홈페이지 : http://traycl.chat.ru/

아. 저넘을 실행하면 tray에 숨어있는데 클릭하면 기본형 모습이 뜨고
Options->Set Invoke HotKey 를 선택하여 불러오는 단축키를 설정할 수 있음.

TrayCL50.exe

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

한글 글자 길이(byte) 체크

(WOWpc) — Fri, 10 Feb 2012 12:10:39 +0900

function strlen(str){
return(str.length+(escape(str)+"%u").match(/%u/g).length-1);
}

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

아이폰 사파리 input 모서리 효과 조절

(WOWpc) — Thu, 10 Nov 2011 17:38:27 +0900

input에 백그라운드로 이미지 주고 백그라운드의 이미지 위치만 교체해서 on, off 효과를 주었는데...

아이폰 사파리가 지 멋대로 모서리에 둥근 효과를 주는걸 보고 깜짝 놀라서
아니 이게 대체 무슨일이야. input이 고자라니~ 하고선 알아보니....

CSS에 이 한줄로 끝

input {-webkit-border-radius:0px;}

다행이야... 크게 수정하지 않아도 되서....

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

광란의 질주!

(WOWpc) — Mon, 05 Sep 2011 19:57:14 +0900

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

CSS 말줄임표

(WOWpc) — Mon, 05 Sep 2011 16:42:04 +0900

-- CSS
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}

-- XML 파일 내용
<?xml version="1.0"?>
<bindings xmlns="http://www.mozilla.org/xbl" xmlns:xbl="http://www.mozilla.org/xbl" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<binding id="ellipsis">
<content>
<xul:window>
<xul:description crop="end" xbl:inherits="value=xbl:text"><children/></xul:description>
</xul:window>
</content>
</binding>
</bindings>

---------------

지정된 길이보다 (width:???px) 텍스트 길이가 길 경우 알아서 잘라주고 ... 을 붙여줌.

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

아이폰용 Meta Tag

(WOWpc) — Wed, 31 Aug 2011 12:12:49 +0900

<meta name="apple-mobile-web-app-capable" content="yes" />
- 사파리에서 홈 화면에 추가하기 기능을 사용하면 독립된 앱처럼 주소창, 기능창들이 싹 사라짐.

<meta name="apple-mobile-web-app-status-bar-style" content="black" />
- 인디케이터라고 해야하려나 배터리랑 상태 보여주는곳. 그 곳에 대한 정의

<link rel="apple-touch-startup-image" href="/Images/Skin/apple-touch-startup-image.png" />
- 홈 화면에 추가한 즐겨찾기를 실행했을 때 보여주는 이미지.

<link rel="apple-touch-icon" href="/Images/Skin/favorite.png" />
- 홈 화면에 추가할 때 보여줄 아이콘 지정.

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

MobileWeb, 그리고 CSS

(WOWpc) — Tue, 09 Aug 2011 12:39:36 +0900

MobilWeb의 CSS에서 position:fixed 가 먹통이라 알게된 두 사이트

1. http://cubiq.org/
2. http://jquerymobile.com/test/experiments/scrollview/

mobile web에 jQueryMobile 많이들 쓰는걸로 아는데...
cubiq에서 제공하는 iScroll이 조금 더 가볍다는 느낌이 든다.

현재 stable은 iScroll 개발버전은 iScroll 4.
참고로 iScroll 4는 iscroll-lite도 추가로 제공하고 있음.

이 두 가지 모두의 단점은
터치무브 이벤트 핸들러를 잡다보니 스크롤이 좀 더디게 느껴질 수 있다는게 단점이다.
모바일 브라우저들이 position:fixed를 제대로 해석해내기 전까지는 이런류의 스크립트들을 써야 할텐데,
UI를 바꿔서 전체스크롤로 돌리기 전에는 기존 스마트폰들에서는 스크롤이 좀 더디게 느껴지는건
어쩔 수 없을듯.

뭐, 스크립트도 계속 발전할테고, 스마트폰류들의 스펙도 고사양이 될테니
나중엔 이런거쯤이야 하면서 휙휙 스크롤 되겠지만서두.....

쓰고싶진 않지만, 어쩔 수 없는 선택인듯...

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

CSS Media Queries - max/min-width

(WOWpc) — Tue, 12 Jul 2011 10:52:38 +0900

max-width and min-width are updated when you rotate the screen, your max-width in portrait mode become max-height in landscape mode

@media only screen and (min-width : 480px) { .box { width:200px; height:200px; background:yellow; } }
@media only screen and (max-width : 320px) { .box {width:200px; height:200px; background:red; } }

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

JavaScript 이벤트들

(WOWpc) — Mon, 22 Feb 2010 13:51:42 +0900

onabort
이미지의 다운로드를 중지할 때 (브라우저의 중지버튼)

onactivate
개체가 활성활 될 때 발생(태그의 기능이 작용할 때 발생하는 이벤트로 예를 들어 링크를 누를 경우 링크가 옮겨질 때 발생하는 것을 감지하는 이벤트 핸들러)

onafterprint
문서가 출력되거나 혹은 출력하기 위해 출력미리보기를 한후에 발생

onafterupdate
데이터영역 개체에서 발생하는 이벤트로 데이터 소스 오브젝트내의 데이터가 업데이트 되었을 때 발생(데이터 개체부분 참조)

onbeforeactivate
개체가 활성화 상태로 되기 바로 직전에 발생 (onactivate를 참고)

onbeforecopy
선택 영역이 시스템의 클립보드로 복사되기 바로 직전에 발생

onbeforecut
선택 영역이 지워지기 바로 직전에 발생

onbeforedeactivate
모 문서에서 현재 개체에서 다른 개체로 activeElement가 바뀔때 발생(activeElement는 개체를 지칭하는 예약어로도 쓰임)

onbeforeeditfocus
편집가능한 개체 내부에 포함된 개체가 편집활성화 된 상태가 되거나 혹은편집가능한 개체가 제어를 위해 선택될때

onbeforepaste
시스템의 클립보드에서 문서로 붙여넣기 될때 대상 개체에서 발생

onbeforeprint
문서가 출력되거나 혹은 출력하기 위해 출력미리보기 직전에 발생

onbeforeunload
페이지가 언로드되기 직전에 발생

onbeforeupdate
데이터영역 개체에서 발생하는 이벤트로 데이터 소스 오브젝트내의 데이터가 업데이트 되기전에 발생(데이터 개체부분 참조)

onblur
개체가 포커스를 잃었을 때

onbounce
마퀴태그에서 alernate상태에서 스크롤이 양 사이드에서 바운드 될때 발생

onfinish
마퀴개체의 loop가 완료되었을 때 발생

oncellchange
데이터제공 개체에서 데이터가 변화할때 발생

onchange
개체 혹은 선택영역의 내용이 바뀔 때 발생

onclick
개체위에서 마우스의 왼쪽 버튼을 누를때 발생

oncontextmenu
클라이언트 영역에서 사용자가 마우스 오른쪽 버튼을 눌러 콘텍스트 메뉴를 열때 발생

oncontrolselect
사용자가 개체의 제어 영역을 만들때 발생

oncopy
시스템의 클립보드에 선택영역 혹은 개체를 복사할 때 소스 개체로부터 발생

oncut
시스템의 클립보드에 선택영역 혹은 개체를 잘라낼때 소스 개체로부터 발생

ondataavailable
비정기적으로 데이터를 전달하는 데이터 소스 개체로부터 데이터가 도착할 때 마다 정기적으로 발생

ondatasetchanged
데이터 소스개체의 변화에 의해 데이터가 노출된 상태로 될때 발생

ondatasetcomplete
데이터 소스 개체로부터 모든 데이터가 유용한 상태로 표시될때 발생

ondblclick
사용자가 개체에 더블클릭 할때 발생

ondeactivate
모 문서에서 현재 개체에서 다른 개체로 activeElement가 변할때 발생

ondrag
드래그 상태가 지속되는 동안 소스 객체로 부터 발생

ondragend
드래그 상태가 끝날때 소스 객체로 부터 발생

ondragenter
사용자가 개체를 드래그 하여 드롭가능 위치로 지정된 영역으로 이동할때 타겟 개체에서 발생

ondragleave
사용자가 개체를 드래그 하여 드롭가능 위치로 지정된 영역을 떠날때 타겟 개체에서 발생

ondragover
사용자가 개체를 드래그 하여 드롭가능 위치로 지정된 영역내에서 드래그할 때 계속적으로 타겟 개체에서 발생

ondragstart
선택된 개체 혹은 텍스트 영역에서 사용자가 드래그를 시작할 때 발생

ondrop
드래그앤드롭 작용에서 상태가 진행되는 동안 개체가 타겟 개체에 드롭되었을 때 타겟 개체어서 발생

onerror
개체가 로드되는 동안 발생하는 이벤트

onerrorupdate
데이터 소스 개체 내에 데이터가 없데이트 되는 동안 에러가 발생할 때 데이터 영역 개체에서 발생

onfilterchange
비주얼 필터의 상태가 바뀌거나 트랜지션이 완료되었을 때 발생

onfocus
개체가 포커스를 받았을 때 발생

onfocusin
개체에 포커스가 셋팅되기 바로 직전 개체에 대해 발생

onfocusout
포커스가 다른 개체로 이동한 후에 포커스를 가고 있는 현재 개체에서 발생

onhelp
브라우저가 활성화 되어 있는 동안 F1키를 눌렀을 때

onkeydown
사용자가 키를 눌렀을 때

onkeypress
기능키를 제외한 키를 눌렀을 때 발생

onkeyup
사용자가 키를 놓았을 때 발생

onlayoutcomplete
소스 문서로 부터 콘텐드를 가지는 객체가 미리보기나 출력을 할때 현제 LayoutRect개체를 모두 채우는 것이 끝났을 때 발생

onload
브라우저가 개체를 로드한 후에 발생

onlosecapture
개체가 마우스 캡쳐를 잃었을 때 발생

onmousedown
개체위에 마우스 버튼을 누를때 발생(좌우 어느 버튼이든)

onmouseenter
개체 안으로 마우스 포인터가 들어올때 발생

onmouseleave
개체의 경계밖으로 마우스 포인터가 이동할 때 발생

onmousemover
개체위에서 마우스가 움직일때 발생

onmouseout
개체밖으로 마우스 포인터가 빠져나갈 때 발생

onmouseover
개체위로 마우스 포인터가 들어올때 발생

onmouseup
마우스가 개체위에 있는 동안 마우스를 누른상태에서 해제될때 발생

onmousewheel
마우스 휠이 돌아갈때 발생

onmove
개체가 움직일 때 발생

onmoveend
개체가 움직임이 끝날 때 발생

onmovestart
개체가 움직이기 시작할 때 발생

onpaste
문서에 클립보드로 부터 데이터가 전송될때 타겟 개체에서 발생

onpropertychange
개체의 속성이 바뀔대 발생

onreadystatechange
개체의 상태가 변화할때 발생

onreset
폼을 사용자가 리셋할 경우 발생

onresize
개체의 크기가 바뀔때 발생

onresizeend
제어영역에서 개체의 크기가 사용자에 의해 변화가 끝날때 발생

onresizestart
제어영역에서 개체의 크기가 사용자에 의해 변화되기 시작할때 발생

onrowenter
데이터 소스내에서 현재 열이 변화되거나 개체에 새로운 유용한 데이터가 입력될때 발생

onrowexit
데이터 소스 콘트르롤이 개체내의 현재 열을 변화시킬 때 발생

onrowsdelete
레코드셋에서 열이 삭제될때 발생

onrowsinserted
현재 레코드셋에 새로운 열이 추가된후에 발생(데이터 개체에서)

onscroll
사용자가 개체내이 스크롤 바를 스크롤 할때 발생

onselect
현재 선택된 영역이 바뀔때 발생

onselectionchange
문서의 선택 영역의 상태가 바뀔때 발생

onselectstart
개체가 선택되기 시작할때 발생

onstart
마퀴개체에서 매 루프가 시작될때 발생

onstop
사용자가 stop버튼을 눌렀을 경우 혹은 페이지를 떠날때 발생

onsubmit
폼이 전송되기 바로전에 발생

onunload
개체가 언로드되기 직전에 발생

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

커맨드 프롬프트를 이쁘게~ (Glass CMD)

(WOWpc) — Fri, 05 Feb 2010 15:38:10 +0900

특별한 일 없이는 자주 사용하지 않는 cmd.exe
그래도 이쁘게 보시고 싶은분들은 Glass CMD를 추천합니다~

# 일반적인 cmd의 모습

# Glass CMD를 적용한 모습

사용방법은 간단합니다. 첨부한 GlassCMD.exe를 다운로드 받아 실행한 후
평상시와 같이 cmd를 실행하면 됩니다.

GlassCMD.exe를 실행해도 화면상으로는 아무런 반응이 나타나지 않지만
Tray에 작은 아이콘 하나가 뜹니다.

GlassCMD.exe

* 이 프로그램은 Vista / Window 7 전용 프로그램입니다.

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.