-
전역 이벤트를 동적으로 확장하기
굵직한 자바스크립트 관련 웹 프로젝트들을 진행하다 보면 개발자간 협업에서 부디치는 문제가 상당수 있습니다. 뜻하지 않게 네임스페이스를 비효율적으로 사용하거나 이벤트가 무작위로 생성되기도 하고 심지...
Category: 자료 - 웹개발, Reactions: 0, Views: 107,998, Author: 파이어준
-
Prototype 1.6 & Scriptaculous 1.8 압축전송
John-David Dalton씨는 오래 전부터 Prototype과 Scriptaculous를 압축하여 페이지 로딩속도를 향상시키는 방법을 소개하고 다양한 형태로 압축된 파일들을 구글 그룹스를 통해 배포하고 있습니다. 그리고 지난 20일에는 Prot...
Category: 자료 - 웹개발, Reactions: 0, Views: 49,422, Author: 파이어준
-
설치형 웹 인스턴트 메신저 - AjaxIM
AjaxIM은 누구나 웹상에 설치해서 사용할 수 있는 Ajax기반 인스턴트 메신저(IM)입니다. Prototype과 Scriptaculous, Prototype Window, SoundManager2 등의 자바스크립트 라이브러리가 사용되고 있으며, 백-엔드 플랫폼은 PHP로 작성...
Category: 자료 - 웹개발, Reactions: 7, Views: 58,421, Author: 파이어준
-
Low Pro 0.5 업데이트
Low Pro는 Prototype의 부족한 부분을 보충하는 자바스크립트 라이브러리입니다. Prototype 친화적인 DOM 생성기, $$함수 속도 최적화, Event.observe메서드의 메모리릭 문제 해결, 엘리먼트 이벤트를 편리하게 다루는 Event.add...
Category: 자료 - 웹개발, Reactions: 0, Views: 40,766, Author: 파이어준
-
별점추천 UI 라이브러리 - Starbox
Starbox는 컨텐츠 평가방법으로 자주 사용되고 있는 별점추천의 UI 라이브러리입니다. Prototype과 Scriptaculous를 라이브러리를 필요로하며, PNG 이미지가 사용되었고, Ajax로 데이터를 송/수신합니다. CSS기반으로 표현되...
Category: 자료 - 웹개발, Reactions: 5, Views: 47,878, Author: 파이어준
-
테이블을 데이터 그리드로 - TableKit
TableKit은 테이블 태그를 데이터 그리드(Grid) 테이블로 사용할 수 있게하는 Prototype기반 자바스크립트 라이브러리입니다. 로우(row)의 짝수 라인을 시각적으로 구분하며, 컬럼(column)의 헤더(header)를 조작하여 소팅(so...
Category: 자료 - 웹개발, Reactions: 0, Views: 74,739, Author: 파이어준
-
Prototype기반 심플 위젯- Simpltry
Simpltry는 웹사이트에서 자주사용되는 도구(위젯)들의 묶음이다. 컬러피커, 데이트피커, 데이터그리드, 다이얼로그, 툴팁, 레이팅 등 쓰모있는 다양한 위젯을 손쉽게 사용할 수 있다. 이토록 성격이 다른 위젯을 하...
Category: 자료 - 웹개발, Reactions: 2, Views: 36,873, Author: 파이어준
-
Prototype기반 툴팁 - Prototip
Prototip은 Prototype/Scriptaculous를 기반하여 만들어진 툴팁 컴포넌트이다. 표준을 따르는 HTML, CSS를 이용한 다양한 레이아웃 디자인과 출력효과를 내장하고 있어 단순히 메시지를 표시하는 것 이상의 표현이 가능하다...
Category: 자료 - 웹개발, Reactions: 2, Views: 47,078, Author: 파이어준
-
Prototype을 확장하는 플러그인들 - Scripteka.com
Scripteka.com은 Prototype을 확장하는 플러그들의 저장소(repository)이다. Prototype의 커뮤니티를 형성하고 플러그인들의 집합장소로 사용되기 위한 목적을 띠고있다. 실제로 플러그인 개발자에게 Trac 소스 리파지토리를 ...
Category: 자료 - 웹개발, Reactions: 0, Views: 35,360, Author: 파이어준
-
당신은 Prototype에 대하여 얼마나 잘 알고 있나요?
실제로 우리가 Prototype에 대하여 얼마나 잘 알고 있는지 확인하는 시간을 가져봅시다. Juiry Zaytsev씨는 어떤 넌센스한 사람들은 document.getElementById와 Ajax.Request 메서드를 함께 사용하는 것도 목격했다고 하면서 안타...
Category: 자료 - 웹개발, Reactions: 18, Views: 34,359, Author: 파이어준
-
최신판 Prototype/Scriptaculous로 만든 블럭게임
Gary Haran씨는 최신판 Prototype과 Scriptaculous를 이용하여 좌측에 보이는 그림과 같은 블럭게임을 단지 자바스크립트 184라인으로 만들었습니다. Scriptaculous의 sound.js를 이용한 wav파일 사운드 이펙트와 재미있는 애니메...
Category: 자료 - 웹개발, Reactions: 2, Views: 43,167, Author: 파이어준
-
Prototype1.6.0, Scriptaculous1.8.0 정식판 출시
Prototype 1.6.0과 Scriptaculous 1.8.0의 정식판이 동시에 릴리즈되었습니다. Prototype은 사용성 개선을 위한 구조변형과 성능 최적화 그리고 버그수정이 이루어졌고, Scriptaculous 또한 성능향상 및 버그수정과 Effect 성능개선...
Category: 자료 - 웹개발, Reactions: 2, Views: 41,502, Author: 파이어준
-
Ajax 마우스 트래커 - AjaxTracker 릴리즈
얼마 전에 소개했던 "자바스크립트와 Ajax로 방문객 마우스 활동 기록하기"에서 아이디어를 얻어 어느 사이트에서나 사용 할 수 있는 마우스 트래킹 프로그램인 AjaxTracker를 만들고 배포합니다. Marcel Oelke씨...
Category: 자료 - 웹개발, Reactions: 19, Views: 64,771, Author: 파이어준
-
Prototype과 jQuery 문법대조 슬라이드
Remy Sharp씨는 jQuery와 Prototype 프레임웍의 차이점을 대조하는 슬라이드를 공개했습니다. 플래시로 만들어진 이 슬라이드는 Utility 함수들과 셀렉터, DOM 교정, DOM 작업, 이벤트, Ajax 송/수신, 그리고 브라우저 구분에 사...
Category: 자료 - 웹개발, Reactions: 0, Views: 40,596, Author: 파이어준
-
Prototype 1.6으로 업데이트 하기
Mislav Marohnić씨는 Ruby기반의 블로그 도구인 Radiant CMS를 Prototype 1.6.0으로 교체하는 작업을 진행하면서 기존에 사용하던 Prototype APIs가 어떻게 변경하는지에 대한 이해하기 쉬운 예제를 공개했습니다. DOM, Event, Class, ...
Category: 자료 - 웹개발, Reactions: 0, Views: 26,229, Author: 파이어준
-
자바스크립트와 Ajax로 방문객 마우스 활동 기록하기
Marcel Oelke씨는 자바스크립트와 Ajax를 이용하여 웹사이트에 방문한 사용자의 마우스 움직임과 클릭을 기록할 수 있는 movelogger.js를 만들었습니다. 페이지에 머물러있는 동안 지속적으로 트래킹하고 서버에 Ajax로 포...
Category: 자료 - 웹개발, Reactions: 2, Views: 45,324, Author: 파이어준
-
Prototype 1.6.0 RC1 릴리즈
Sam Stephenson씨는 Prototype 1.6.0 RC1을 발표했습니다. 한줌의 버그 수정과 트렁크 버전에서 소개한 클래스 개선사항 및 이벤트 API 변경 등이 수정/추가 되었습니다. 때문에 기존에 사용한 Event.observe 코드의 수정이 필요...
Category: 자료 - 웹개발, Reactions: 0, Views: 61,718, Author: 파이어준
-
Prototype 1.6.0 RC0 패치 릴리즈
Prototype 1.6.0 RC0 버전이 새롭게 갱신되었습니다.(1.6.0 RC1이 아닙니다.) 모바일 사파리 브라우저 검출부분과 지난번에 소개했던 원인불명의 IE오류 등이 수정되었습니다. 지금까지 Prototype은 기초적인 클래스 생성을...
Category: 자료 - 웹개발, Reactions: 0, Views: 35,381, Author: 파이어준
-
Script.aculo.us 2.0
No Description
Category: 자료 - 웹개발, Reactions: 0, Views: 28,244, Author: 파이어준
-
Prototype 1.6.0 RC0 원인불명의 IE오류 수정하기
어느 때 부터인지 IE에서 특정한 페이지를 로드하면 원인을 알수 없는 오류가 지속적으로 나타나는 증상을 보여서 디버깅에 들어갔다. Prototype 1.6.0 release candidate로 업데이트한 후 위 화면과 같은 문법오류 메시지...
Category: 자료 - 웹개발, Reactions: 5, Views: 39,208, Author: 파이어준
-
클릭 히트맵 비주얼 애널리틱스 - ClickHeat
ClickHeat은 HTML 문서영역에서 발생하는 모든 클릭을 감시하여 비주얼라이즈(visualize)하는 색다른 분석도구(analytics)이다. 클릭 이벤트를 자바스크립트로 감시하고 좌표와 문서크기 브라우저의 종류 등이 담긴 정보를...
Category: 정보 - 웹2.0, Reactions: 0, Views: 69,071, Author: 파이어준
-
클라이언트 사이드 인클루드 - Sprinkle
sprinkle은 클라이언트 사이드 인클루드(CSI)를 자바스크립트로 구현한 것이다. div 엘리먼트에 iframe 처럼 src속성을 부여해 원하는 파일을 인클루드할 수 있게 한다. src에 할당된 파일을 불러오는 방법으로 Ajax가 사용...
Category: 자료 - 웹개발, Reactions: 2, Views: 29,169, Author: 파이어준
-
스크롤 위치의 이미지만 로드하기 - lazierLoad
lazierLoad는 보다 빠른 웹페이지 로딩을 위해 만들어진 자바스크립트 라이브러리이다. 웹페이지의 HTML이 완성되는 시점에 이벤트(oncontentloaded)가 발생하고 현재 스크롤 위치와 창크기를 분석하여 방문객이 실제로 ...
Category: 자료 - 웹개발, Reactions: 8, Views: 36,928, Author: 파이어준
-
올라데이(oladay.com) 오픈베타 런칭
올라데이(oladay.com, 프로젝트명 기네스)가 드디어 베타딱지를 달고 세상에 공개되었습니다. 올라데이는 신형 블로그 서비스입니다.(이해를 도울만한 마땅한 비교 대상이 없군요. 써보시면 압니다. -.-) 기존의 블로...
Category: 정보 - 웹2.0, Reactions: 21, Views: 109,303, Author: 파이어준
-
Prototype기반 멀티플 업로드 - FancyUpload
Harald Kirschner씨는 MooTools 자바스크립트 라이브러리와 플래시를 이용하여 복수 파일을 업로드할 수 있게하는 FancyUpload를 만들고 공개했다. 파일들의 관리를 위한 업로드 큐와 전송 과정을 효과적으로 표현하는 프로...
Category: 자료 - 웹개발, Reactions: 26, Views: 99,473, Author: 파이어준
-
Prototype/Scriptaculous 기반 HSV 컬러피커
Matthias Platzer씨는 HSV스타일 컬러피커인 YUI의 Color Picker Control을 Prototype/Scriptaculous 라이브러리 기반 웹사이트에서도 사용할 수 있도록 컬러피커 위젯 컴포넌트를 만들고 공개했다. Scriptaculous의 builder.js, slider.js와 Y...
Category: 자료 - 웹개발, Reactions: 2, Views: 25,755, Author: 파이어준
-
Control.Scroller 확장 컴포넌트
역시나, Prototype과 Scriptaculous 자바스크립트 프레임웍을 확장하는 Control.Scroller 컴포넌트는 자바스크립트로 구현한 스크롤바입니다. Scriptaculous의 Control.Slider 메서드를 사용하고 있어, slider.js를 필요로 합니다. align...
Category: 자료 - 웹개발, Reactions: 2, Views: 26,946, Author: 파이어준
-
Prototype과 Scriptaculous를 이용한 데이트피커
최근들어 Prototype과 Scriptaculous 자바스크립트 라이브러리에 기반하는 강력한 컴포넌트들이 봇물입니다.(흐뭇) MS 필이 물씬 풍기는 완성도 높은 자바스크립트 데이트피커(날짜 선택기)도 출현했군요! <input type=&q...
Category: 자료 - 웹개발, Reactions: 0, Views: 32,718, Author: 파이어준
-
Prototype기반 iGoogle UI 구현 클래스 - Portal
Prototype에 기반하는 프로젝트를 여럿 소개한 바 있는 Sebastien Gruhier씨는 또다시 놀라운 컴포넌트를 공개하였습니다. Scriptaculous 라이브러리를 적극 활용하여 iGoogle과 Netvibes와 같은 위젯기반 UI를 제공케 할 수 있는...
Category: 자료 - 웹개발, Reactions: 0, Views: 55,861, Author: 파이어준
-
Prototype기반 RIA 프레임웍 - Foo
Prototype을 기반바하는 또다른 라이브러리인 Foo 프레임웍이 출현했습니다. Foo는 신속한 리치 인터넷 애플리케이션 개발을 목적으로 출시된 자바스크립트 프레임웍입니다. 어도비사의 Spray와 유사한 문법을 사용하...
Category: 자료 - 웹개발, Reactions: 0, Views: 33,214, Author: 파이어준
-
Prototype기반 컨텍스트 메뉴 - Proto.Menu
쿨한 컨텍스트 메뉴 Proto.Menu가 출현했다. Prototype 기반으로 제작되어 크로스-브라우저를 지원한다. 크기가 작고(2kb), 랜더링이 빠르며, 사용자 입맛대로 커스토마이즈 할 수 있다. 재미있는 것은 브라우저의 컨텍스...
Category: 자료 - 웹개발, Reactions: 0, Views: 30,345, Author: 파이어준
-
리치 인터넷 애플리케이션 컴포넌트 - Spinelz
Spinelz는 Prototype/Script.aculo.us 기반하는 여러 인터페이스 컴포넌트 라이브러리들의 묶음이다. 다양한 메뉴효과와 캘린더 관련 컴포넌트, 표와 관련있는 컴포넌트 등 총 18종의 컴포넌트 라이브러리를 제공한다. 컴포...
Category: 자료 - 웹개발, Reactions: 0, Views: 34,102, Author: 파이어준
-
Prototype 1.6.0 Release Candidate
무시무시한 새 기능들을 안고 Prototype 1.6.0 RC(출시 후보)가 릴리즈 되었다. 이전 버전에 비해 약 900여라인이 추가 되었으며, 용량 또한 93kb에서 120kb로 늘었다. Event, Function, Class, Ajax, Template 등 전역에 크고 작은 변화...
Category: 자료 - 웹개발, Reactions: 2, Views: 24,249, Author: 파이어준
-
Prototype으로 만든 .Mac 웹 갤러리
애플은 iPhoto의 웹 공유기능 중 하나로 .Mac 웹 갤러리를 선보였다. Prototype과 Script.aculo.us 자바스크립트 라이브러리 그리고 약간의 플래시로 구축되어 있다. 여러 앨범들의 독특한 프리뷰 목록으로 구성되는 갤러리...
Category: 정보 - 웹2.0, Reactions: 0, Views: 47,461, Author: 파이어준
-
Prototype 기반 Fancy menu
Guillermo Rauch씨는 MooTools 자바스크립트 라이브러리와 CSS를 이용하여 재미있는 메뉴 네비게이션 효과를 만들었다. 메뉴 항목에 마우스가 이동할 때 마다 배경이미지에 시각적인 변화가 발생하며, 간단한 마크업만으...
Category: 자료 - 웹개발, Reactions: 12, Views: 43,625, Author: 파이어준
-
Script.aculo.us 아코디언 컴포넌트
Kevin Miller씨는 Prototype/Scriptaculous 자바스크립트 라이브러리를 사용해서 아코디언 컴포넌트를 만들고 공개했다. 아코디언 컴포넌트란 최소한의 공간을 소비하여 마우스의 클릭이나 포지션만으로 다량의 컨텐츠를...
Category: 자료 - 웹개발, Reactions: 2, Views: 28,604, Author: 파이어준
-
Ajax 위지윅 인플레이스 에디터 - InPlaceRichEditor
InPlaceRichEditor는 TinyMCE 위지윅 에디터 라이브러리와 Prototype/Scriptaculous 라이브러리를 통합해 만든 위지윅(WYSIWYG)기반 Ajax 인플레이스(Inplace) 편집기이다. 인플레이스 에디트는 위키(wiki)기반의 사이트에서 포스트 편...
Category: 자료 - 웹개발, Reactions: 4, Views: 50,514, Author: 파이어준
-
LightWindow v2.0 릴리즈
Prototype과 Scriptaculous 자바스크립트 라이브러리 기반의 미디어 뷰어 컴포넌트인 LightWindow의 2.0버전이 릴리즈 되었다. 대부분의 미디어 타입 취급 가능, 애니메이션 성능 향상, video/media 관련 버그 수정, IE에서의 성...
Category: 자료 - 웹개발, Reactions: 0, Views: 34,846, Author: 파이어준
-
Ajax 로딩 인디케이터 컴포넌트 - Protoload
Andreas Kalsch씨는 Ajax 로딩에 사용되는 인디케이터를 쉽게 다룰 수 있도록 Protoload라는 이름의 자바스크립트 라이브러리를 만들고 공개했다. Ajax 로딩 이벤트에 추가할 수 있으며 서버로부터 응답이 발생할 때 까지...
Category: 자료 - 웹개발, Reactions: 5, Views: 32,645, Author: 파이어준
-
운동법칙 적용된 드래그앤드롭 - Physical.js
애플의 아이폰(iPhone)과 제품 슬라이드 바에서 영감을 얻어 물체를 옮길 때 작용과 반작용이 일어나는 물리법칙을 드래그앤드롭 오브젝트에 적용하여 테스트 샘플 라이브러리로 만들어 보았습니다. Prototype.js와 S...
Category: 자료 - 웹개발, Reactions: 7, Views: 38,025, Author: 파이어준
-
애플닷컴의 제품 슬라이더 자바스크립트 분석
애플닷컴의 iTunes페이지에 자바스크립트로 구현 된 제품 슬라이더가 심상치 않아 보여서 파 보았다. 이 제품 슬라이더는 Prototype.js와 Scriptaculous의 Slider컨트롤러가 사용 되었으며, 주요한 기능은 특정영역으로의 스...
Category: 자료 - 웹개발, Reactions: 11, Views: 43,040, Author: 파이어준
-
Prototype 1.5.1.1 릴리즈와 1.5.2_pre0
Prototype.js 1.5.1.1 버그 픽스 버전이 릴리즈되었습니다. 주로 사파리 브라우저에서 발생하는 버그를 수정한 것입니다. 기능상의 변화는 없고 1.5.1버전의 코드와 비교해 보니 총 13라인 정도가 수정되었더군요. 그리고...
Category: 자료 - 웹개발, Reactions: 0, Views: 36,269, Author: 파이어준
-
애플닷컴의 디자인 리프레시
꽤나 오랜시간 지속되던 애플닷컴의 디자인이 리프레시되었다. 배경색의 변화에 영향을 받지않는 탑메뉴 디자인과 서브메뉴를 날려버린 것만으로 큰 변화가 일어난 것처럼 느껴지게 한다. 그리고 Prototype.js와 Sc...
Category: 정보 - 웹2.0, Reactions: 0, Views: 29,195, Author: 파이어준
-
whos.amung.us Widget AjaxExtention
얼마 전 whos.amung.us를 알게되어 설치하였습니다. 의외로 흥미로운 블로그 위젯이더군요. 이 위젯은 사용자의 어떠한 요구도 없이 간단한 코드의 복사와 붙이기만으로 자신의 블로그에 현재 접속중인 사용자가 어...
Category: 자료 - 웹개발, Reactions: 2, Views: 49,906, Author: 파이어준
-
Prototype 1.5.0 커닝 페이퍼
와우 Jonathan Snook씨는 Prototype 1.5.0의 커닝 페이퍼(Cheat Sheet)를 만들었다. 간혹 클래스명이나 메서드명이 기억나지않아 소스를 뒤적거리곤 했는데 이것 한장있으면 끝이다. 이 커닝 페이퍼에는 Prototype 1.5.0의 모든 클...
Category: 자료 - 웹개발, Reactions: 7, Views: 35,159, Author: 파이어준
-
script.aculo.us 1.7.1 beta 3 릴리즈
Sortable의 성능 향상과 Prototype 1.5.1 정식판에 최적화 되었다고 합니다. 베타3를 사용하면서 발견한 문제는 구글 그룹스에 보고해 달라고 하네요. 아마도 이번이 마지막 베타버전이 될 것이고 다음주 중에 1.7.1의 정...
Category: 자료 - 웹개발, Reactions: 0, Views: 25,069, Author: 파이어준
-
검색엔진 키워드 강조표시하기(업데이트)
인터넷 사용자의 70퍼센트 이상이 정보검색에 목적을 두고 있으며, 70퍼센트 이상의 방문객이 검색 사이트를 경유하여 방문하고 있다. 이 블로그또한 예외는 아니다. 검색을 통해 방문한 사용자의 편의를 위해 키...
Category: 자료 - 웹개발, Reactions: 0, Views: 38,198, Author: 파이어준
-
Prototype 1.5.1 정식판 출시
약 2개월동안 4개의 출시 후보를 거쳐 Prototype 1.5.1 정식판이 출시되었습니다. 30마리의 벌레(bug)를 수정하고 성능개선과 최적화가 이루어졌습니다. 현재 1.5.1의 새 방법을 위주로 API문서의 갱신이 이루어지고 있으...
Category: 자료 - 웹개발, Reactions: 0, Views: 28,517, Author: 파이어준
-
Ajax prototype 하루만에 끝내기 세미나
홍보합니다. 'Ajax prototype.js 프로토타입 완전분석'의 저자인 김영보씨는 책 중심의 세미나를 개최합니다. 주로 다룰 내용은 Prototype.js의 전반에 걸친 이해와 활용입니다. 본 세미나의 목적은 바쁜 현대인을 위한 쪽...
Category: 정보 - 웹2.0, Reactions: 3, Views: 72,285, Author: 파이어준
-
Script.aculo.us 1.7.1 beta 2 릴리즈
Prototype 1.5.1 RC4를 기반으로한 Scriptaculous 1.7.1 beta 2 버전이 릴리즈되었습니다. beta 1과 다른점은 단지 두개의 autocompleting과 관련한 작은 버그수정이 있었다고합니다. 그래도 이렇게 방출하는 것은 Prototype 1.5.1 RC4를...
Category: 자료 - 웹개발, Reactions: 0, Views: 28,355, Author: 파이어준
-
Prototype.js 1.5.1 Release candidate 3 릴리즈
Prorotype.js 1.5.1버전의 RC3가 릴리즈되었습니다. 마이너한 버그들이 수정되었고, 호환성 및 보안 강화와 몇몇 새로운 추가 메서드를 포함하며, 소소한 수행성능 향상이 있었습니다. 자세한 내용은 아래와 같습니다...
Category: 자료 - 웹개발, Reactions: 0, Views: 21,282, Author: 파이어준
-
Prototype base multi-select API
자바스크립트로 구현한 Prototype.js 프레임웍 기반 다중 선택기 API를 소개합니다.(API라고 하기에는 좀 부끄럽군요) 최초 올라로그 오픈베타 프로젝트에 사용되었습니다. 데스크탑 애플리케이션 못지않은 UI를 구현...
Category: 자료 - 웹개발, Reactions: 4, Views: 37,730, Author: 파이어준
-
Prototype and Scriptaculous in Action
Ajax In Action의 저자인 Dave Crane씨 외 2분은 Prototype and Scriptaculous in Action을 출간 했습니다. Ajax in Action은 꽤나 유명한 Ajax 책 입니다. 후반부에는 조금 지루하게 구성되 있어서 읽다가 말았습니다만... 아무튼, 이 책은...
Category: 자료 - 웹개발, Reactions: 2, Views: 35,862, Author: 파이어준
-
Prototype기반 벡터 그래픽 프레임웍 - PGF
Prototype Window 컴포넌트를 만든 Sebastien Gruhier씨는 프로토타입 그래픽 프레임웍(PGF)이라는 매우 흥미로운 프로젝트를 진행합니다. 모든 브라우저에서 사용할 수 있는 Prototype.js 기반 벡터(vector) 그래픽 프레임웍을 ...
Category: 자료 - 웹개발, Reactions: 2, Views: 45,376, Author: 파이어준
-
Prototype 기반 어안메뉴
Alexei@Nitobi에서 배포한 것을 Prototype.js기반으로 만들었습니다. 만들다 보니 소두마빈님께서 '붐바'라는 이름의 플러그인으로 벌써 마가린에 배포하셨더군요. 작동방식은 둘다 비슷한데 묘한 차이점이 있어...
Category: 자료 - 웹개발, Reactions: 2, Views: 38,875, Author: 파이어준
-
1/3 크기로 압축된 Prototype.js
John-David Dalton씨는 Prototype.js를 압축(Packed)하여 용량을 1/3 이하로 줄였습니다. 그의 패키지에는 1.4버전부터 1.5.1_rc2까지(1.5 파이널 포함) 버전별 압축파일이 각각 들어있습니다. 특히, 최근 배포된 1.5.1_rc2의 용량은...
Category: 자료 - 웹개발, Reactions: 2, Views: 22,149, Author: 파이어준
-
자바스크립트 이미지 크로퍼 UI
Dave Spurr씨는 Prototype.js와 Scriptaculous기반의 자바스크립트 이미지 크로퍼 UI(유저 인터페이스) 라이브러리를 만들었습니다. 이미지의 특정한 영역을 드래그하여 선택된 영역의 크기와 좌표 값를 반환해 줍니다. 영역...
Category: 자료 - 웹개발, Reactions: 4, Views: 46,987, Author: 파이어준
-
Javascript가 그려낸 둥근 모서리 - Transcorners
계속해서 미루어 오다가 이제서야 소개합니다. Transcorners는 대상 엘리먼트의 모서리에 라운드(또는 대각선) 효과를 부여하는 자바스크립트 효과입니다. 가볍기로 잘 알려진 mootools 자바스크립트 프레임웍을 기반...
Category: 자료 - 웹개발, Reactions: 8, Views: 55,352, Author: 파이어준
-
Ajax Prototype.js - 프로토타입 완전분석
Prototype.js의 구석구석을 파해쳐 풀이한 도서가 4월에 출간될 예정이다. 영광스럽게도 본 도서의 베타리뷰를 맡아 진행하면서 느낀점을 간략하게 리뷰해 본다. 김영보 저자의 "Ajax Prototype.js - 프로토타입 완전...
Category: 자료 - 웹개발, Reactions: 8, Views: 43,559, Author: 파이어준
-
겸손한 자바스크립트 탭 - Control.Tabs
Control.Tabs은 Ryan Johnson씨가 Prototype.js를 사용해서 만든 매우 겸손한(?) 자바스크립트 탭이다. 표준에 맞게 탭을 생성하기 때문에 넌-자바스크립트 브라우저에서도 완벽하게 접근할 수 있으며, 수정/추가/삭제가 매우...
Category: 자료 - 웹개발, Reactions: 3, Views: 31,983, Author: 파이어준
-
Ajax UI 컴포넌트 라이브러리 - ExtJS 1.0
Dojo에서 제공하는 멋진 UI 컴포넌트(소프트웨어 못지않은)들이 무척이나 부러웠습니다. 하지만 ExtJS 라이브러리를 사용하면 더이상 부러울것이 없습니다. 이 라이브러리는 Prototype.js와 Script.aculo.us 프레임웍을 확장...
Category: 자료 - 웹개발, Reactions: 2, Views: 39,904, Author: 파이어준
-
Prototype 1.5.1 RC1 릴리즈
Sam씨는 Prototype의 1.5.1 RC1을 릴리즈 하였습니다. 0.0.1 판올림치고는 아주 많은 변화가 있군요. 간략하게 요약하면 $$선택자는 CSS3의 형태를 지원하고 속도를 개선했습니다. 그리고 JSON 인코딩과 디코딩 내장했으며,...
Category: 자료 - 웹개발, Reactions: 0, Views: 21,856, Author: 파이어준
-
놀라운 WYSIWYG - Weebly
Weebly는 Prototype.js를 이용하여 멋진 WYSIWYG 편집기를 만들었습니다. 실시간 적용되는 페이지 디자인, 윈도우를 통한 세부설정, 특히 끌어다 놓는 문단 모양과 다양한 컨텐츠가 눈길을 끕니다. 구글맵, 비디오, 사진,...
Category: 정보 - 웹2.0, Reactions: 4, Views: 36,593, Author: 파이어준
-
인클루드 (자바스크립트 || 스타일시트) 파일
RadRails의 파일 인클루드 방식을 자바스크립트로 흉내내어 보았습니다. 인자로 파일명을 문자배열로 넘기면 순차적으로 로드합니다. Prototype.js를 사용하며 Ajax로 구현된 별도의 페이지에 필요한 라이브러리를 개별...
Category: 자료 - 웹개발, Reactions: 13, Views: 45,932, Author: 파이어준
-
Canvas 태그 그래프 라이브러리 - Plotr
Plotr는 Prototype을 이용한 도표엔진이다. canvas 태그 또는 SVG 엘리먼트를 통해 파이그래프, 라인그래프, 막대그래프를 가로 형태나 세로 형태로 실시간 생성하는 라이브러리를 배포하고 사용예제를 설명하고 있다. ...
Category: 자료 - 웹개발, Reactions: 8, Views: 42,909, Author: 파이어준
-
텍스트영역 리사이즈 컴포넌트
Richard McMahon씨는 Prototype을 이용한 "ResizingTextArea" 컴포넌트를 만들고 공개했다. 이 컴포넌트는 클릭(click)과 키업(keyup)이벤트를 할당하여 텍스트 영역의 Row를 감시하고 실시간으로 리사이즈 한다. 이 블로그의 댓글...
Category: 자료 - 웹개발, Reactions: 4, Views: 34,938, Author: 파이어준
-
Scriptaculous 1.7.0과 Prototype 1.5.0 출시
자바스크립트 프레임웍인 Prototype은 1.5.0 버전의 rc_0 ~ rc_2 비공식 배포에 이어서 정식버전을 지난 19일 발표했습니다. 더불어 Scriptaculous 또한 1.7.0으로 업데이트 되었습니다. 그리고 RadRails가 1.2.1을 공식으로 발표했...
Category: 자료 - 웹개발, Reactions: 1, Views: 19,768, Author: 파이어준