Koosal's

update javascript 에서 event 를 binding 하기 / event capturing 과 event bubbling ---- event bubbling 이벤트 버블링 다른 레이어의 페이지가 클릭 안되게 하는법 javascript 에서 event 를 binding 하는 방법 참고자료: http://triaslama.wordpress.com/2008/07/22/four-ways-javascript-binding-event-listeners/ 일단 기본적으로 아래와 같이 3가지가 있다. tag 내에서 binding 하는 방법. 3. addEventListener

http://mootools.net/demos/?demo=Drag.Cart 를 간단하게 local 에서 실행 해 보자. 일단, 소스는 link 에 가면 다 얻을 수 있다. html / css /javascript 관련은 tab 들을 확인 해 보면 얻을 수 있다. 여기서 html 은 id 가 'item' 인 녀석과 'cart' 인 녀석을 가지고 있어야 하며, javaScript tab 에 있는 내용을 실행하기 위해서는 MooTools Core 와 MooTools More 에 있는 Drop.Move 가 필요하다. Core http://mootools.net/core/ >> Core 선택 Drop.Move http://mootools.net/more/ >> Drop.Move 선택

요새 web 관련 작업때문에 자꾸 javascript 를 보게 되는데, MooTools 이라는 것을 알았다. 나온지는 꽤나 오래 되었다. jQuery 를 먼저 알아서, 어느 것이 좋을 지 몰랐는데, 이런 궁금증을 조금이나마 해결해 주는 사이트가 있다. http://jqueryvsmootools.com/ 개인적으로 programmer 라면 mootools 이 익숙할 것 같은 느낌이다. 일단 좀 사용 해 봐야 할 듯 하다. mootools script file 도 쉽게 import 할 수 있다. http://code.google.com/intl/ko-KR/apis/libraries/devguide.html#mootools path: https://ajax.googleapis.com/ajax/libs/moot..

firefox 4.0 이 나왔다. 근데 chrome 을 많이 쓰다 보니, 많이 익숙해져 버렸다. 그래서 찾다 보니 firefox 4.0 에서 chrome 에서 제공되는 기능을 가진 plug-in들이 있어서 link 를 걸어둔다. http://cybernetnews.com/firefox-4-theme/ Ominibar - 검색창과 주소창을 하나로. https://addons.mozilla.org/en-US/firefox/addon/omnibar/ 참고로 chrome 에서는 주소창 keyword 를 address 에 맞춰 놓으면 편리하지만, firefox 는 잘 안먹는다. 그래서 firefox 의 키워드는 약어로 해 놓는 것이 나은듯 하다.

요새 browser 들이 기본적으로 사용하는 memory 가 커져 가고 있다. 그래도 난 아직 적은 메모리에서 잘 돌아가는 녀석이 필요하다. 아래는 firefox 에서 memory 관련 설정을 하는 부분을 소개한 글이다. http://www.zolved.com/synapse/view_content/24939/How_to_reduce_the_memory_usage_on_Firefox#mcf about:config -> browser.cache.memory.enable 256 MB의 RAM 에서는 4096 512 MB의 RAM 에서는 8192 http://kb.mozillazine.org/Browser.cache.memory.capacity 이 글에서는 256 MB의 RAM 에서는 10240(kb) 512 ..

http://reviews.ebay.com/IMAGE-HOSTING-FOR-EBAY-SELLERS_W0QQugidZ10000000002692097 http://www.auctionbytes.com/cab/abu/y205/m01/abu0135/s03 http://www.free-webhosts.com/auction-image-hosting.php

css 를 사용하고 있는데, 이상하게 정의해 놓은 style 이 적용되지 않는 것이다. 근데 browser 에서는 뭐가 잘못되었는 지는 알려주지 않는다. 그래서 찾아보니 문법 검사 해주는 validation tool 이 있었다. ^^ http://jigsaw.w3.org/css-validator/ Pendule https://chrome.google.com/extensions/detail/gbkffbkamcejhkcaocmkdeiiccpmjfdi?hl=ko 나중에 보니 주석을 '//' 로 달아서 그랬다.(참고로 css 의 주석은 /* */ 이다.)

web page 를 만들때 보통 image 를 사용하게 된다. 만약 많은 이미지(image)를 사용하는 웹페이지를 만들다고 한다면, 이때 2가지 방법으로 web page 를 만들 수 있다. 모든 image 들을 하나의 큰 image 로 만들어 사용. 각각의 image 들을 개개의 file 로 만들어 사용. 과연 2개의 방법중에 어느 것이 효과적인 loading 을 가능하게 할까? 아래는 대략의 내용 정리를 한 것이다. 모든 image 들을 하나의 큰 image 로 만들어 사용. html 과 큰 image 한개에 대해서만 http request 를 만들기 때문에 2번째 경우보다 적은 수의 http request 를 사용하기에 request 에 대한 부하는 줄어든다. 각각의 image 들을 개개의 file ..

css 에서 우선순위 - css order priority from : http://hungred.com/useful-information/css-priority-order-tips-tricks/ 같은 id 가 존재하는 경우의 우선순위 만약 css 안에 같은 id 가 두개 있다면, 나중에 쓰여진 것이 우선한다. #test{ font-size:1em; } #test{ font-size:2em; } 하지만 !important 를 쓰면, 무조건 !important 가 우선한다. #test{ font-size:1em !important; } 중첩된 css 에서 우선순위 그리고 중첩되게 css 가 물려 있는 경우에는 좀 더 자세한 항목에 대한 css 일 수록 우선순위가 높다. 그리고 id, class, tag 와..

간단(?)하게 ipad 나 iphone 등에서 쓸 수 있는 pen 을 만드는 법을 소개하는 동영상이다. 기본적인 원리는 pen 모양에서 펜심대신에 스티로폼을 쓰고 거기에 전선을 이어서 펜대에 손이 닿으면 전류가 전달될 수 있도록 하는 방법이다. 자세한 내용은 동영상을 확인하자.