-
Prototype기반 전역 Ajax알림이 구현하기
Ajax의 활동여부를 알리기 위한 알림이(Indicator)를 표시하기 위해 똑같은 반복 작업을 한적이 있다. 모든 Ajax요청의 onLoading, onComplete 콜백에 알림이를 보이고 숨기는 코드를 삽입하는 것이다. 목적이 서로다른 Ajax요...
Category: 자료 - 웹개발, Reactions: 0, Views: 35,378, Author: 파이어준
-
Prototype 1.6.0 RC0 원인불명의 IE오류 수정하기
어느 때 부터인지 IE에서 특정한 페이지를 로드하면 원인을 알수 없는 오류가 지속적으로 나타나는 증상을 보여서 디버깅에 들어갔다. Prototype 1.6.0 release candidate로 업데이트한 후 위 화면과 같은 문법오류 메시지...
Category: 자료 - 웹개발, Reactions: 5, Views: 32,880, Author: 파이어준
-
클릭 히트맵 비주얼 애널리틱스 - ClickHeat
ClickHeat은 HTML 문서영역에서 발생하는 모든 클릭을 감시하여 비주얼라이즈(visualize)하는 색다른 분석도구(analytics)이다. 클릭 이벤트를 자바스크립트로 감시하고 좌표와 문서크기 브라우저의 종류 등이 담긴 정보를...
Category: 정보 - 웹2.0, Reactions: 0, Views: 60,020, Author: 파이어준
-
깔끔한 파일 타입 인풋 스타일링
Shaun Inman씨는 깔끔한 파일 타입 인풋을 자바스크립트와 CSS 그리고 DOM을 이용해 만드는 과정을 소개했다. 우선 데모를 확인하기 바란다. 뭔가 허전하지 않은가? 텍스트 영역과 업로드 버튼이 사라지고 없다. "C...
Category: 자료 - 웹개발, Reactions: 0, Views: 39,602, Author: 파이어준
-
클라이언트 사이드 인클루드 - Sprinkle
sprinkle은 클라이언트 사이드 인클루드(CSI)를 자바스크립트로 구현한 것이다. div 엘리먼트에 iframe 처럼 src속성을 부여해 원하는 파일을 인클루드할 수 있게 한다. src에 할당된 파일을 불러오는 방법으로 Ajax가 사용...
Category: 자료 - 웹개발, Reactions: 2, Views: 24,728, Author: 파이어준
-
스크롤 위치의 이미지만 로드하기 - lazierLoad
lazierLoad는 보다 빠른 웹페이지 로딩을 위해 만들어진 자바스크립트 라이브러리이다. 웹페이지의 HTML이 완성되는 시점에 이벤트(oncontentloaded)가 발생하고 현재 스크롤 위치와 창크기를 분석하여 방문객이 실제로 ...
Category: 자료 - 웹개발, Reactions: 8, Views: 31,619, Author: 파이어준
-
innerHTML의 속도가 만족스럽지 않을 때
Steven Levithan씨는 자신의 블로그에 흥미로운 내용의 글을 작성했다. "이 포스트는 innerHTML vs. W3C DOM 메서드들의 찬반양론에 관한 것이 아니다."로 시작하는 범상치 않은 이 포스트는 innerHTML의 성능을 끌어올리는 방...
Category: 자료 - 웹개발, Reactions: 5, Views: 32,038, Author: 파이어준
-
자바스크립트 CPU 모니터 - JPU
Andrea Giammarchi씨는 단일 스래딩 자바스크립트의 CPU 사용량을 자바스크립트로 측정하고 모니터하는 JPU - JavaScript CPU Monitor를 만들고 실험했다. 북마크릿의 형태를 띠고있는 JPU는 브라우저 화면 우측 상단에 상주하...
Category: 자료 - 웹개발, Reactions: 0, Views: 38,566, Author: 파이어준
-
올라데이(oladay.com) 오픈베타 런칭
올라데이(oladay.com, 프로젝트명 기네스)가 드디어 베타딱지를 달고 세상에 공개되었습니다. 올라데이는 신형 블로그 서비스입니다.(이해를 도울만한 마땅한 비교 대상이 없군요. 써보시면 압니다. -.-) 기존의 블로...
Category: 정보 - 웹2.0, Reactions: 21, Views: 75,683, Author: 파이어준
-
Prototype기반 멀티플 업로드 - FancyUpload
Harald Kirschner씨는 MooTools 자바스크립트 라이브러리와 플래시를 이용하여 복수 파일을 업로드할 수 있게하는 FancyUpload를 만들고 공개했다. 파일들의 관리를 위한 업로드 큐와 전송 과정을 효과적으로 표현하는 프로...
Category: 자료 - 웹개발, Reactions: 26, Views: 85,746, Author: 파이어준
-
자바스크립트 유효성 검사기 - LiveValidation
자바스크립트를 사용하여 form태그의 유효성(Validate)을 검사하는 작업은 매우 따분하고 고통스럽다. 이제 유효성 검사 작업에는 LiveValidation을 사용하여 보다 재미있고 간편하게 구현해보자. LiveValidation은 오픈소스...
Category: 자료 - 웹개발, Reactions: 0, Views: 42,743, Author: 파이어준
-
Prototype/Scriptaculous 기반 HSV 컬러피커
Matthias Platzer씨는 HSV스타일 컬러피커인 YUI의 Color Picker Control을 Prototype/Scriptaculous 라이브러리 기반 웹사이트에서도 사용할 수 있도록 컬러피커 위젯 컴포넌트를 만들고 공개했다. Scriptaculous의 builder.js, slider.js와 Y...
Category: 자료 - 웹개발, Reactions: 2, Views: 21,789, Author: 파이어준
-
Control.Scroller 확장 컴포넌트
역시나, Prototype과 Scriptaculous 자바스크립트 프레임웍을 확장하는 Control.Scroller 컴포넌트는 자바스크립트로 구현한 스크롤바입니다. Scriptaculous의 Control.Slider 메서드를 사용하고 있어, slider.js를 필요로 합니다. align...
Category: 자료 - 웹개발, Reactions: 2, Views: 22,717, Author: 파이어준
-
Prototype과 Scriptaculous를 이용한 데이트피커
최근들어 Prototype과 Scriptaculous 자바스크립트 라이브러리에 기반하는 강력한 컴포넌트들이 봇물입니다.(흐뭇) MS 필이 물씬 풍기는 완성도 높은 자바스크립트 데이트피커(날짜 선택기)도 출현했군요! <input type=&q...
Category: 자료 - 웹개발, Reactions: 0, Views: 28,397, Author: 파이어준
-
Prototype기반 iGoogle UI 구현 클래스 - Portal
Prototype에 기반하는 프로젝트를 여럿 소개한 바 있는 Sebastien Gruhier씨는 또다시 놀라운 컴포넌트를 공개하였습니다. Scriptaculous 라이브러리를 적극 활용하여 iGoogle과 Netvibes와 같은 위젯기반 UI를 제공케 할 수 있는...
Category: 자료 - 웹개발, Reactions: 0, Views: 50,853, Author: 파이어준
-
Aptana Milestone 9 정식판 출시
오랜 태스트기간을 거친 Aptana는 드디어 PHP를 공식으로 지원하는 Milestone 9 버전을 정식으로 릴리즈했습니다. 함수들과 파라메터 그리고 다양한 PHP문법의 코드 어시스트와 일부 업데이트된 자바스크립트 라이브러...
Category: 정보 - S/W, Reactions: 0, Views: 22,537, Author: 파이어준
-
플래시에서 마우스 오른쪽 버튼 이벤트 사용하기
Paulius Uza씨는 자바스크립트를 이용하여 플래시의 마우스 오른쪽 버튼을 커스토마이즈하는 프로젝트를 Google Code에 포스팅했습니다. 자바스크립트로 마우스 오른쪽 버튼의 이벤트를 가로채 플래시 오브젝트로 전...
Category: 자료 - 웹개발, Reactions: 4, Views: 21,024, Author: 파이어준
-
Prototype기반 RIA 프레임웍 - Foo
Prototype을 기반바하는 또다른 라이브러리인 Foo 프레임웍이 출현했습니다. Foo는 신속한 리치 인터넷 애플리케이션 개발을 목적으로 출시된 자바스크립트 프레임웍입니다. 어도비사의 Spray와 유사한 문법을 사용하...
Category: 자료 - 웹개발, Reactions: 0, Views: 30,367, Author: 파이어준
