본문 바로가기

전체 글511

[jQuery] 애니메이션 후 삭제하기. selectedLi.slideUp("normal").remove(); 이런식으로 slideUp()이후에서 remove()를 하려고 하면, 바로 애니메이션이 보일려고 하다가, 바로 삭제 되어 버립니다. 이럴 경우에는 callback을 이용해서 remove()를 넣어 주시면, 의도한 대로 애니메이션이 실행되고 나서 삭제 작업이 실행 됩니다. selectedLi.slideUp("normal", function() { $(this).remove(); } ); 2009. 11. 19.
온라인 JSON 파서.. 주소 : http://json.parser.online.fr/ 온라인 JSON파서 에서는 JSON문자열을 바로 테스트 할 수 있습니다. JSON의 내용을 색상과 트리 보기로 표시해 줍니다. JSON으로 데이터 전달을 제작 할 때 디버깅 작업을 할 때 도움이 될 듯 싶습니다. 2009. 11. 17.
jQuery UI 선택 메뉴 jQuery UI 선택 메뉴 플러그인은 HTML의 select 기능을 확장 할 수 있도록 제작 되었습니다. 느낌이 전혀 다른 선택 메뉴 및 아이콘 옵션을 추가해서 계층 구조로 만들 수 있습니다. 그리고, 마우스 동작과 키보드 제어 및 테마 기능까지 갖추고 있습니다. 웹사이트 바로 가기 데모 보기 바로 가기 다운로드 2009. 11. 17.
내 블로그에 구글 다국어 번역기를 달아 보세요. 내 블로그를 외국인도 보기를 원한다면, 사이트 번역기를 달아 주는 것도 좋을 꺼 같습니다. 블로그에서 간단한게 버튼 클릭만으로 다른 언어를 번역하는 방법을 소개 합니다. 원본 사이트 : http://jonraasch.com/blog/translate-it-easy-translation-for-multiple-languages 다운로드 : 위 translate-it.js파일은 원본 소스에서 영어를 추가하고, 한국어를 기본값으로 변경해 줬습니다. 다운로드 받은 파일을 블로그 사이트에 올려 주시고, 아래와 같이 스크립트를 html에서 script위치에 넣어 줍니다. TranslateIt.init(); 번역기 버튼들은 아래 코드를 html소스 코드에서 원하는 위치에 넣어 주시면 됩니다. 이렇게 5줄만 넣어 주시.. 2009. 11. 13.
OSX 터미널에서 폴더와 파일명에 색상을 표시하자. 맥에서 기본 터미널(Terminal)에서 ls 하면.. 실망 스러운게.. 폴더나 파일명에 색상이 안 나옵니다. MS-DOS도 아니구 -_-;; 쉘은 bash쉘을 쓰면서, 안 나오는게 이상했는데.. 이걸 표시 하는 방법이 있었습니다. ~/.bash_profile 파일을 열어서 아래서 와 같이 추가해 주시면 됩니다. 보통은 파일 없습니다. 생성해서 아래 2줄만 넣어 주시면 됩니다. export CLICOLOR=1 export LSCOLORS=ExFxCxDxBxegedabagacad 이렇게 해 주시면 위와 같이, 색상이 표시 됩니다. 색상을 표시하는건 LSCOLORS인데, 아래와 같이, 11개를 2개씩 조합해서 사용합니다. directory symbolic link socket pipe executable b.. 2009. 11. 12.
OSX 캡쳐 기능을 100% 활용해 보자. 맥에서는 간단하면서 강력한 기본 캡쳐 기능이 있습니다.전체 화면 : Shift + command + 3지정영역 : Shift + command + 4 (drag)윈도우 지정 : Shift + command +4 > spacebar > click이 3가지만 하면, 왠만한 캡쳐는 무리가 없습니다.그런데 흠이 있다면, 옵션이 없다는 겁니다 ^^;; 파일명도 바꾸고 싶고, 파일의 형태도 바꾸고 싶은데..이런 옵션을 terminal에서 command로 처리 하는 방법 입니다.1. 캡쳐 파일 이름 바꾸기defaults write com.apple.screencapture name "New Name"killall SystemUIServer "New Name" 부분에 원하는 기본 파일 이름을 넣어 주시면 됩니다. 이 .. 2009. 11. 12.
아이폰/아이팟 터치 바탕화면 사이트 모음. iPhone at Mo iphone-wallpapers thememyphone.com sciphone.net AirBag iPhone Candy PixelGirl iPhone Wallpapers alliPhoneWallpapers.com Poolga iPhone Wallpapers Flickr 사이트 모음 Flickr Pool: iPhone Wallpapers iPhone Wallpapers Flickr Pool iPod Touch Wallpapers Flickr Pool Quality iPhone Wallpapers 2009. 11. 12.
iPhone GUI PSD 3.0 아이폰 GUI를 제작 할 때 사용 할 수 있는 아이폰 GUI 요소 모음입니다. UI디자인이나 샘플 디자인을 만들 때 사용하면 유용 하게 사용 할 수 있습니다. 다운로드 : 원본 주소 : http://www.teehanlax.com/blog/?p=1628 추가로 iPhone PSD Vector Kit 입니다. 다운로드 : 원본 주소 : http://www.smashingmagazine.com/2008/11/26/iphone-psd-vector-kit/ 2009. 11. 12.
아이폰 UI 제작을 도와 주는 스텐실 키트. 초등학교 다닐때 삼각자 또는 도형자를 대고 도형을 그리던 기억이 다들 있으실 겁니다. 아이폰 UI 디자이너를 위한 도형자도 있네요. 저 같은 경우에도 컴퓨터에 직접 그리기 보다는 먼저 스케치를 해 보고 컴퓨터에 옮기는 편인데.. 정말 훌륭한 도구 같습니다. UI 디자이너라면, 정말 가지고 싶어 할 만한 아이템 같습니다. 하지만, 국내에서 판매 되는지는 모르겠네요 ^^;; 가격은 $17.95입니다. 판매 사이트 주소 : http://www.uistencils.com/iphone-stencil-kit.html 아래 이미지는 아이폰 스탤실 키트로 제작 된 샘플 입니다. 간지 나죠? 아.. 그리고 웹디자이너를 위한 웹 UI용 스텐실 키트도 사이트에서 같은 사이트에서 판매 하고 있습니다. 2009. 11. 12.