-
전역 이벤트를 동적으로 확장하기
굵직한 자바스크립트 관련 웹 프로젝트들을 진행하다 보면 개발자간 협업에서 부디치는 문제가 상당수 있습니다. 뜻하지 않게 네임스페이스를 비효율적으로 사용하거나 이벤트가 무작위로 생성되기도 하고 심지...
Category: 자료 - 웹개발, Reactions: 0, Views: 94,246, Author: 파이어준
-
WebKit getElementsByClassName 메서드 제공
사파리에서 사용되고 있는 웹브라우저 오픈소스 프로젝트인 WebKit은 getElementsByClassName 메서드를 기본으로 제공한다고 밝혔습니다. 메서드 이름에서 유추할 수 있듯이 Element를 class명으로 찾아 배열타입으로 반환하...
Category: 자료 - 웹개발, Reactions: 0, Views: 99,122, Author: 파이어준
-
모바일 사파리의 화면 회전 이벤트
아이팟 터치와 아이폰의 모바일 사파리 브라우저에서 중력센서에 의해 화면이 회전하였을 때 이벤트를 발생시키고 어느 방향으로 회전 했는지를 자바스크립트에서 알아낼 수 있는 방법이 공개되었습니다. 이 이...
Category: 자료 - 웹개발, Reactions: 1, Views: 99,863, Author: 파이어준
-
Prototype 1.6 & Scriptaculous 1.8 압축전송
John-David Dalton씨는 오래 전부터 Prototype과 Scriptaculous를 압축하여 페이지 로딩속도를 향상시키는 방법을 소개하고 다양한 형태로 압축된 파일들을 구글 그룹스를 통해 배포하고 있습니다. 그리고 지난 20일에는 Prot...
Category: 자료 - 웹개발, Reactions: 0, Views: 42,261, Author: 파이어준
-
자바스크립트로 구현한 노가다 3D 애니메이션
Joonas Lehtinen씨는 플래시나 SVG, Canvas를 사용하지 않고 생짜 자바스크립트만으로 3D스타일 애니메이션을 만들었습니다. 3D로 사용할 이미지를 너비 1픽셀씩 순차적으로 잘라내고 384개 이미지 태그를 HTML에 마크업한...
Category: 자료 - 웹개발, Reactions: 3, Views: 36,298, Author: 파이어준
-
설치형 웹 인스턴트 메신저 - AjaxIM
AjaxIM은 누구나 웹상에 설치해서 사용할 수 있는 Ajax기반 인스턴트 메신저(IM)입니다. Prototype과 Scriptaculous, Prototype Window, SoundManager2 등의 자바스크립트 라이브러리가 사용되고 있으며, 백-엔드 플랫폼은 PHP로 작성...
Category: 자료 - 웹개발, Reactions: 7, Views: 52,983, Author: 파이어준
-
2007 Ajax 도구 사용 개관
Richard Monson-Haefel씨가 조사한 "Ajax 개발자 설문"의 분석 결과표입니다. 3회에 걸쳐 매 해마다 실시한 설문결과를 분석하여 아래와 같은 스택차트를 만들고 공개했습니다. 2007년에는 2,619명이 응답하였으며, ...
Category: 자료 - 웹개발, Reactions: 2, Views: 36,159, Author: 파이어준
-
Ruby on Rails에 jQuery를 - jRails
jRails는 Ruby on Rails(ROR)가 들고있는 Prototype/script.aculo.us를 대체하는 jQuery기반 자바스크립트 라이브러리입니다. 놀랍게도 link_to_remote, visual_effect, replace 등 모두 동일한 레일즈 헬퍼들과 RJS 메서드를 사용할 수 있습니...
Category: 자료 - 웹개발, Reactions: 2, Views: 49,091, Author: 파이어준
-
Low Pro 0.5 업데이트
Low Pro는 Prototype의 부족한 부분을 보충하는 자바스크립트 라이브러리입니다. Prototype 친화적인 DOM 생성기, $$함수 속도 최적화, Event.observe메서드의 메모리릭 문제 해결, 엘리먼트 이벤트를 편리하게 다루는 Event.add...
Category: 자료 - 웹개발, Reactions: 0, Views: 36,063, Author: 파이어준
-
별점추천 UI 라이브러리 - Starbox
Starbox는 컨텐츠 평가방법으로 자주 사용되고 있는 별점추천의 UI 라이브러리입니다. Prototype과 Scriptaculous를 라이브러리를 필요로하며, PNG 이미지가 사용되었고, Ajax로 데이터를 송/수신합니다. CSS기반으로 표현되...
Category: 자료 - 웹개발, Reactions: 5, Views: 42,841, Author: 파이어준
-
테이블을 데이터 그리드로 - TableKit
TableKit은 테이블 태그를 데이터 그리드(Grid) 테이블로 사용할 수 있게하는 Prototype기반 자바스크립트 라이브러리입니다. 로우(row)의 짝수 라인을 시각적으로 구분하며, 컬럼(column)의 헤더(header)를 조작하여 소팅(so...
Category: 자료 - 웹개발, Reactions: 0, Views: 69,683, Author: 파이어준
-
Aptana Studio 1.0.2 & Pro 1.1 릴리즈
Aptana Studio 일반판이 1.0.2로 업데이트 되었습니다. 여러가지 중요한 버그 수정을 비롯하여 원격 파일 편집기능을 추가했습니다. 좌측 화면에서 보는 것 처럼 Sync Manager에 등록한 FTP에 직접 접근하여 파일을 열고 수...
Category: 정보 - S/W, Reactions: 0, Views: 42,956, Author: 파이어준
-
구글 차트(Chart) API
지금까지 웹상에서 그래프를 그리는 솔루션으로 자바스크립트와 Canvas 태그를 이용해서 파이 그래프, 라인 그래프, 막대 그래프 등을 표현하게 하는 트릭(?)과는 완전히 다른 개념으로 도표를 생성하는 구글 차트...
Category: 자료 - 웹개발, Reactions: 7, Views: 61,481, Author: 파이어준
-
YSlow 0.9버전 릴리즈
파이어버그(firebug)에 기생(?)하는 YSlow가 몇몇 새로운 기능과 버그를 수정하여 0.9버전으로 업데이트 되었습니다. 파이어버그의 Net 패널과 더욱 긴밀하게 통합되어 DOM이 아닌 요소까지 탐지하고 iframe까지도 크롤하...
Category: 자료 - 웹개발, Reactions: 0, Views: 31,997, Author: 파이어준
-
Schillmania 4번째 디자인 - 2007/08 에디션
화려한 자바스크립트 UI를 자랑하는 블로그인 Schillmania.com은 2004, 2005, 2006 에디션을 거쳐 2007 에디션을 선보였습니다. 이 곳의 운영자인 Scott Schiller씨는 DHTML Arkanoid를 만든 장본인이며, 플래시를 응용한 자바스크립...
Category: 자료 - 웹개발, Reactions: 0, Views: 40,040, Author: 파이어준
-
Script.aculo.us의 Thomas Fuchs사이트
Script.aculo.us의 단독 개발자인 Thomas Fuchs씨는 자신의 새 사업인 '자바스크립트 웹UI 컨설팅'을 위해 Thomas Fuchs사이트를 추가했다고 합니다. 아무튼, Thomas Fuchs사이트에는 놀랍게도 Script.aculo.us 1.8.0에서 사용되는...
Category: 자료 - 웹개발, Reactions: 0, Views: 35,952, Author: 파이어준
-
오프라인 편집 지원 - Zoho
시기를 놓쳐 까맣게 잊고 있다가 이제서야 소개합니다. 인도출신 개발자들에 의해 탄생한 Zoho는 웹에 기반하는 생산성 애플리케이션들의 묶음입니다. 통합형 웹 오피스정도로 축약할 수 있겠습니다. Writer(워드프...
Category: 자료 - 웹개발, Reactions: 2, Views: 49,221, Author: 파이어준
-
Canvas태그로 만들어지는 UI - Mocha UI
MooTools에 기반하는 Mocha UI는 Canvas태그 그래픽을 이용해 생성되는 유저 인터페이스 클래스 입니다. CSS, HTML과 절묘하게 혼합되어 생성되는 잘생긴 윈도를 사용할 수 있게 합니다. Canvas태그를 지원하지 않는 IE에서는...
Category: 자료 - 웹개발, Reactions: 2, Views: 42,188, Author: 파이어준
-
흉칙한 코드를 아름답게 - Beautify Javascript
Beautify Javascript는 조금이라도 더 빠른 웹 애플리케이션을 만들기 위해 Minify와 같은 라이브러리로 자바스크립트 소스코드를 압축(최소화)하거나, 추가로 남들이 알아보지 못하도록(또는 보안상의 목적 으로) 암호...
Category: 자료 - 웹개발, Reactions: 2, Views: 46,671, Author: 파이어준
-
플래시 사이트에 뒤로가기 버튼을... - SWFAddress
SWFAddress는 플래시(혹은 플래시 플레이어를 통해 추가되는 다양한 컨텐츠)와 Ajax로 만들어진 사이트에 가상의 URL을 생성하여 앞으로/뒤로 가기 버튼을 사용할 수 있게하는 작고 강력한 자바스크립트 라이브러리입...
Category: 자료 - 웹개발, Reactions: 0, Views: 33,270, Author: 파이어준
-
Prototype기반 심플 위젯- Simpltry
Simpltry는 웹사이트에서 자주사용되는 도구(위젯)들의 묶음이다. 컬러피커, 데이트피커, 데이터그리드, 다이얼로그, 툴팁, 레이팅 등 쓰모있는 다양한 위젯을 손쉽게 사용할 수 있다. 이토록 성격이 다른 위젯을 하...
Category: 자료 - 웹개발, Reactions: 2, Views: 34,160, Author: 파이어준
-
Prototype기반 툴팁 - Prototip
Prototip은 Prototype/Scriptaculous를 기반하여 만들어진 툴팁 컴포넌트이다. 표준을 따르는 HTML, CSS를 이용한 다양한 레이아웃 디자인과 출력효과를 내장하고 있어 단순히 메시지를 표시하는 것 이상의 표현이 가능하다...
Category: 자료 - 웹개발, Reactions: 2, Views: 43,872, Author: 파이어준
-
조금이라도 더 빨리! - 야후 검색의 프리캐싱
야후! 검색은 사용자 몰래 아주 재미있는 일을 한다. 이것은 네트워크 소통량을 보여주는 도구(예들 들자면 Firebug)를 설치해야 확인할 수 있는데, 야후의 검색 페이지에서 검색창에 어떠한 문자를 타이핑하면 아래...
Category: 자료 - 웹개발, Reactions: 2, Views: 39,508, Author: 파이어준
-
IE에서 아이프레임 클릭-노이즈 제거하기
IE에서는 페이지의 위치가 변할때 마다 클릭음이 발생한다. 이것은 사용자에게 무언가 일어나고 있다는 것을 알리기 때문에 중요한 요인으로 작용하는 특성을 가진다. 하지만 규모가 큰 웹 애플리케이션에서는 이...
Category: 자료 - 웹개발, Reactions: 7, Views: 38,853, Author: 파이어준
-
Prototype을 확장하는 플러그인들 - Scripteka.com
Scripteka.com은 Prototype을 확장하는 플러그들의 저장소(repository)이다. Prototype의 커뮤니티를 형성하고 플러그인들의 집합장소로 사용되기 위한 목적을 띠고있다. 실제로 플러그인 개발자에게 Trac 소스 리파지토리를 ...
Category: 자료 - 웹개발, Reactions: 0, Views: 33,060, Author: 파이어준
-
당신은 Prototype에 대하여 얼마나 잘 알고 있나요?
실제로 우리가 Prototype에 대하여 얼마나 잘 알고 있는지 확인하는 시간을 가져봅시다. Juiry Zaytsev씨는 어떤 넌센스한 사람들은 document.getElementById와 Ajax.Request 메서드를 함께 사용하는 것도 목격했다고 하면서 안타...
Category: 자료 - 웹개발, Reactions: 18, Views: 31,376, Author: 파이어준
-
IE에서 "Click to Activate" 메시지가 사라집니다.
Pete LePage씨는 IE블로그를 통해서 더이상 "Click to Activate" 메시지가 나타나지 않을 것이라는 글을 작성했습니다. 이올라스(Eolas) 소송건 때문에 2006년 4월 이후 업데이트된 IE에서는 플래시 오브젝트가 사용될 경우 클...
Category: 자료 - 웹개발, Reactions: 9, Views: 35,924, Author: 파이어준
-
최신판 Prototype/Scriptaculous로 만든 블럭게임
Gary Haran씨는 최신판 Prototype과 Scriptaculous를 이용하여 좌측에 보이는 그림과 같은 블럭게임을 단지 자바스크립트 184라인으로 만들었습니다. Scriptaculous의 sound.js를 이용한 wav파일 사운드 이펙트와 재미있는 애니메...
Category: 자료 - 웹개발, Reactions: 2, Views: 40,201, Author: 파이어준
-
Prototype1.6.0, Scriptaculous1.8.0 정식판 출시
Prototype 1.6.0과 Scriptaculous 1.8.0의 정식판이 동시에 릴리즈되었습니다. Prototype은 사용성 개선을 위한 구조변형과 성능 최적화 그리고 버그수정이 이루어졌고, Scriptaculous 또한 성능향상 및 버그수정과 Effect 성능개선...
Category: 자료 - 웹개발, Reactions: 2, Views: 35,563, Author: 파이어준
-
MooTools 기반 달력 - MooMonth
와 끝내주네요! 달력 UI의 극한을 본 듯한 느낌입니다. MooMonth는 Roland Poulter씨가 MooTools 자바스크립트 라이브러리를 사용해서 만든 달력 UI입니다. 달력 보기에서 일별 자세히 보기까지 3단계로 전환하여 보여주고 ...
Category: 자료 - 웹개발, Reactions: 11, Views: 63,673, Author: 파이어준
-
Ajax 마우스 트래커 - AjaxTracker 릴리즈
얼마 전에 소개했던 "자바스크립트와 Ajax로 방문객 마우스 활동 기록하기"에서 아이디어를 얻어 어느 사이트에서나 사용 할 수 있는 마우스 트래킹 프로그램인 AjaxTracker를 만들고 배포합니다. Marcel Oelke씨...
Category: 자료 - 웹개발, Reactions: 19, Views: 58,515, Author: 파이어준
-
RIA 프레임웍 애니메이션 성능 테스트
Alexey Gavrilov씨는 여러 RIA 프레임웍들의 애니메이션 성능을 점검하는 테스트를 실행했습니다. 자바스크립트로만 구성된 DHTML부터 실버라잇(WPF/E), 플래시, 플랙스, AIR(아폴로), 자바 등 다양한 RIA 프레임웍의 성능을...
Category: 자료 - 웹개발, Reactions: 7, Views: 49,706, Author: 파이어준
-
Aptana Studio 1.0 정식판 출시!
2006년 8월 초, 베타딱지를 달고 조악한 모습으로 출현했던 Aptana IDE는 2007년 10월 4일 Milestone 10 Nightly버전(0.2.10.31780) 업데이트를 끝으로 "Aptana Studio"란 새 이름을 달고 정식 버전으로 출시되었습니다. 개발 시...
Category: 정보 - S/W, Reactions: 3, Views: 50,956, Author: 파이어준
-
Script.aculo.us 2.0 슬라이드
Script.aculo.us를 만든 Thomas Fuchs씨가 RailsToItaly 07에서 발표한 Script.aculo.us 2.0 슬쩍 미리보기(PDF, ~3 MB)라는 슬라이드입니다. 슬라이드만 봐서는 어떤 내용을 강연하셨는지는 잘 알 수 없군요. 우선 Prototype 1.6에 기반하...
Category: 자료 - 웹개발, Reactions: 0, Views: 36,726, Author: 파이어준
-
Prototype과 jQuery 문법대조 슬라이드
Remy Sharp씨는 jQuery와 Prototype 프레임웍의 차이점을 대조하는 슬라이드를 공개했습니다. 플래시로 만들어진 이 슬라이드는 Utility 함수들과 셀렉터, DOM 교정, DOM 작업, 이벤트, Ajax 송/수신, 그리고 브라우저 구분에 사...
Category: 자료 - 웹개발, Reactions: 0, Views: 36,117, Author: 파이어준
-
Prototype 1.6으로 업데이트 하기
Mislav Marohnić씨는 Ruby기반의 블로그 도구인 Radiant CMS를 Prototype 1.6.0으로 교체하는 작업을 진행하면서 기존에 사용하던 Prototype APIs가 어떻게 변경하는지에 대한 이해하기 쉬운 예제를 공개했습니다. DOM, Event, Class, ...
Category: 자료 - 웹개발, Reactions: 0, Views: 23,927, Author: 파이어준
-
자바스크립트와 Ajax로 방문객 마우스 활동 기록하기
Marcel Oelke씨는 자바스크립트와 Ajax를 이용하여 웹사이트에 방문한 사용자의 마우스 움직임과 클릭을 기록할 수 있는 movelogger.js를 만들었습니다. 페이지에 머물러있는 동안 지속적으로 트래킹하고 서버에 Ajax로 포...
Category: 자료 - 웹개발, Reactions: 2, Views: 40,954, Author: 파이어준
-
iBookmark(aka i.firejune.com) 업데이트
아이폰/아이팟 전용 모바일 사이트인 iBookmark(aka i.firejune.com)가 업데이트 되었습니다. 약 300여건의 모바일 사파리 웹 애플리케이션 및 게임 자료의 검색과 즐겨찾기 기능을 지금부터 사용할 수 있습니다. 부가적으...
Category: 자료 - 웹개발, Reactions: 0, Views: 41,822, Author: 파이어준
-
IE용 콘솔 디버깅 - Companion.JS
Jean-Fabrice Rabaute씨는 파이어폭스 플러그인 Firebug의 콘솔 API와 흡사한(동일한) IE용 디버깅 도구인 Companion.JS를 릴리즈했습니다. IE의 플러그인 형태로 설치되며, 도구에 추가된 아이콘을 클릭하여 페널을 열 수 있습...
Category: 자료 - 웹개발, Reactions: 8, Views: 34,130, Author: 파이어준
-
Prototype 1.6.0 RC1 릴리즈
Sam Stephenson씨는 Prototype 1.6.0 RC1을 발표했습니다. 한줌의 버그 수정과 트렁크 버전에서 소개한 클래스 개선사항 및 이벤트 API 변경 등이 수정/추가 되었습니다. 때문에 기존에 사용한 Event.observe 코드의 수정이 필요...
Category: 자료 - 웹개발, Reactions: 0, Views: 58,778, Author: 파이어준
-
Script.aculo.us 1.8 프리뷰 릴리즈
지난 5월 이후 1.7.1 베타3를 마지막으로 아무런 소식이 없던 Scriptaculous가 뜬금없이 1.8 미리보기 판을 공개했습니다. Prototype 1.6 RC0(트렁크 버전)을 필요로 하며, 다음과 같은 변동사항이 있습니다. - Ajax.InPlaceEditor,...
Category: 자료 - 웹개발, Reactions: 2, Views: 28,228, Author: 파이어준
-
Ajaxian.com 2007 설문조사 결과
선호하는 언어/플랫폼 : 1. JavaScript/ECMAScript : 83.8% 2. PHP : 52.9% 3. Java : 38.0% 4. ActionScript (i.e., Flash/Flex) : 16.7% 5. Ruby : 15.1% 6. C# : 14.9% 7. Perl : 10.4% 8. Python : 9.7% 9. VB.NET : 6.3% 10. C++ : 5.9% 11. ColdFusion : 5.0% 12. VB 6 and earlier : ...
Category: 자료 - 웹개발, Reactions: 8, Views: 35,594, Author: 파이어준
-
Ext 2.0 Beta 1 릴리즈
자바스크립트 인터페이스 라이브러리의 선두 주자인 Ext는 버전 2.0 베타 1을 공식으로 배포했습니다. 예제로 소개한 웹 데스크탑과 포탈은 말이 필요없군요. 정말 인상적입니다. Ext 2.0의 더 많은 사용예제들이 모...
Category: 자료 - 웹개발, Reactions: 2, Views: 28,111, Author: 파이어준
-
비스타 같은 온라인 파일 관리 - Filespots
Filespots은 비스타와 흡사한 인터페이스를 가진 무시무시한 웹 서비스입니다. 이 서비스는 온라인에서 파일을 관리하고 친구와 공유할 수 있습니다. Ext 2.0 자바스크립트 라이브러리에 기반하여 구축되었습니다. 사...
Category: 정보 - 웹2.0, Reactions: 2, Views: 41,108, Author: 파이어준
-
다국어 지원하는 Ajax 원소 주기율표
Michael Dayah씨는 자바스크립트를 이용하여 다국어를 지원하는 매우 훌륭한 원소 주기율표를 만들었습니다. 우측상단에 위치한 온도 슬라이더를 이용하여 고체-액체-기체가 되는 과정을 실시간으로 표현하며, 각 원...
Category: 정보 - 웹2.0, Reactions: 1, Views: 79,247, Author: 파이어준
-
Prototype 1.6.0 RC0 패치 릴리즈
Prototype 1.6.0 RC0 버전이 새롭게 갱신되었습니다.(1.6.0 RC1이 아닙니다.) 모바일 사파리 브라우저 검출부분과 지난번에 소개했던 원인불명의 IE오류 등이 수정되었습니다. 지금까지 Prototype은 기초적인 클래스 생성을...
Category: 자료 - 웹개발, Reactions: 0, Views: 31,998, Author: 파이어준
-
iPhone & iPod 전용 iBookmark오픈합니다.
iBookmark(aka i.firejune.com)는 아이폰과 아이팟 터치에 내장된 브라우저에 최적화된 사이트로서 지금까지 모바일 사파리용으로 개발된 웹 애플리케이션 및 게임들의 정보를 데이터베이스화하여 바로 접속/실행할 수 ...
Category: 정보 - 모바일, Reactions: 12, Views: 47,109, Author: 파이어준
-
자바스크립트 실시간 압축기 - Minify
엄밀히 말해 코드를 압축하는 것은 아니고 자바스크립트 코드에 들어있는 주석, 공백 등을 제거해 용량을 줄여 페이지 로딩속도를 높이는 방법입니다. 이 행위를 도와주는 Minify는 실시간으로 멀쩡한 자바스크립...
Category: 자료 - 웹개발, Reactions: 0, Views: 63,291, Author: 파이어준
-
아이팟 터치가 도착했습니다.
가슴 설레며 기다리던 아이팟 터치가 예정일보다 하루 일찍 도착했습니다. 좋은 점들이야 귀가 아프게 들으셨을테니 생각보다 실망한 점들을 추려서 말씀드리겠습니다.(어디까지나 저의 주관입니다.) 우선 윈도...
Category: 정보 - 모바일, Reactions: 10, Views: 48,326, Author: 파이어준
-
포토샵 같은 자바스크립트 컬러피커
John Dyer씨는 포토샵과 똑같은 컬러피커를 자바스크립트로 구현했습니다. 몇몇 PNG 이미지들와 엘리먼트의 투명도를 이용하여 256x256 Grid 컬러맵을 만들고 6가지 컬러 옵션(H,S,V,R,G,B)을 거의 완벽한 수준으로 구현했...
Category: 자료 - 웹개발, Reactions: 6, Views: 27,519, Author: 파이어준
-
Script.aculo.us 2.0
No Description
Category: 자료 - 웹개발, Reactions: 0, Views: 25,611, Author: 파이어준
-
Aptana Milestone 10 비공식 업데이트
Aptana Milestone 10 Nightly버전(0.2.10.31780)의 업데이트를 지금부터 사용할 수 있습니다. 아주 많은 부분에 변화가 있습니다. 우선, FTP와 PHP지원부를 IDE 인스톨 코어에서 제거하였습니다. 만약에 지속적으로 FTP 또는 PHP를...
Category: 정보 - S/W, Reactions: 6, Views: 37,746, Author: 파이어준
-
Prototype기반 전역 Ajax알림이 구현하기
Ajax의 활동여부를 알리기 위한 알림이(Indicator)를 표시하기 위해 똑같은 반복 작업을 한적이 있다. 모든 Ajax요청의 onLoading, onComplete 콜백에 알림이를 보이고 숨기는 코드를 삽입하는 것이다. 목적이 서로다른 Ajax요...
Category: 자료 - 웹개발, Reactions: 0, Views: 35,398, Author: 파이어준
-
Prototype 1.6.0 RC0 원인불명의 IE오류 수정하기
어느 때 부터인지 IE에서 특정한 페이지를 로드하면 원인을 알수 없는 오류가 지속적으로 나타나는 증상을 보여서 디버깅에 들어갔다. Prototype 1.6.0 release candidate로 업데이트한 후 위 화면과 같은 문법오류 메시지...
Category: 자료 - 웹개발, Reactions: 5, Views: 32,891, Author: 파이어준
-
클릭 히트맵 비주얼 애널리틱스 - ClickHeat
ClickHeat은 HTML 문서영역에서 발생하는 모든 클릭을 감시하여 비주얼라이즈(visualize)하는 색다른 분석도구(analytics)이다. 클릭 이벤트를 자바스크립트로 감시하고 좌표와 문서크기 브라우저의 종류 등이 담긴 정보를...
Category: 정보 - 웹2.0, Reactions: 0, Views: 60,039, Author: 파이어준
-
깔끔한 파일 타입 인풋 스타일링
Shaun Inman씨는 깔끔한 파일 타입 인풋을 자바스크립트와 CSS 그리고 DOM을 이용해 만드는 과정을 소개했다. 우선 데모를 확인하기 바란다. 뭔가 허전하지 않은가? 텍스트 영역과 업로드 버튼이 사라지고 없다. "C...
Category: 자료 - 웹개발, Reactions: 0, Views: 39,617, Author: 파이어준
-
클라이언트 사이드 인클루드 - Sprinkle
sprinkle은 클라이언트 사이드 인클루드(CSI)를 자바스크립트로 구현한 것이다. div 엘리먼트에 iframe 처럼 src속성을 부여해 원하는 파일을 인클루드할 수 있게 한다. src에 할당된 파일을 불러오는 방법으로 Ajax가 사용...
Category: 자료 - 웹개발, Reactions: 2, Views: 24,759, Author: 파이어준
-
스크롤 위치의 이미지만 로드하기 - lazierLoad
lazierLoad는 보다 빠른 웹페이지 로딩을 위해 만들어진 자바스크립트 라이브러리이다. 웹페이지의 HTML이 완성되는 시점에 이벤트(oncontentloaded)가 발생하고 현재 스크롤 위치와 창크기를 분석하여 방문객이 실제로 ...
Category: 자료 - 웹개발, Reactions: 8, Views: 31,649, Author: 파이어준
-
innerHTML의 속도가 만족스럽지 않을 때
Steven Levithan씨는 자신의 블로그에 흥미로운 내용의 글을 작성했다. "이 포스트는 innerHTML vs. W3C DOM 메서드들의 찬반양론에 관한 것이 아니다."로 시작하는 범상치 않은 이 포스트는 innerHTML의 성능을 끌어올리는 방...
Category: 자료 - 웹개발, Reactions: 5, Views: 32,060, Author: 파이어준
-
자바스크립트 CPU 모니터 - JPU
Andrea Giammarchi씨는 단일 스래딩 자바스크립트의 CPU 사용량을 자바스크립트로 측정하고 모니터하는 JPU - JavaScript CPU Monitor를 만들고 실험했다. 북마크릿의 형태를 띠고있는 JPU는 브라우저 화면 우측 상단에 상주하...
Category: 자료 - 웹개발, Reactions: 0, Views: 38,599, Author: 파이어준
-
올라데이(oladay.com) 오픈베타 런칭
올라데이(oladay.com, 프로젝트명 기네스)가 드디어 베타딱지를 달고 세상에 공개되었습니다. 올라데이는 신형 블로그 서비스입니다.(이해를 도울만한 마땅한 비교 대상이 없군요. 써보시면 압니다. -.-) 기존의 블로...
Category: 정보 - 웹2.0, Reactions: 21, Views: 75,703, Author: 파이어준
-
Prototype기반 멀티플 업로드 - FancyUpload
Harald Kirschner씨는 MooTools 자바스크립트 라이브러리와 플래시를 이용하여 복수 파일을 업로드할 수 있게하는 FancyUpload를 만들고 공개했다. 파일들의 관리를 위한 업로드 큐와 전송 과정을 효과적으로 표현하는 프로...
Category: 자료 - 웹개발, Reactions: 26, Views: 85,769, Author: 파이어준
-
자바스크립트 유효성 검사기 - LiveValidation
자바스크립트를 사용하여 form태그의 유효성(Validate)을 검사하는 작업은 매우 따분하고 고통스럽다. 이제 유효성 검사 작업에는 LiveValidation을 사용하여 보다 재미있고 간편하게 구현해보자. LiveValidation은 오픈소스...
Category: 자료 - 웹개발, Reactions: 0, Views: 42,754, Author: 파이어준
-
Prototype/Scriptaculous 기반 HSV 컬러피커
Matthias Platzer씨는 HSV스타일 컬러피커인 YUI의 Color Picker Control을 Prototype/Scriptaculous 라이브러리 기반 웹사이트에서도 사용할 수 있도록 컬러피커 위젯 컴포넌트를 만들고 공개했다. Scriptaculous의 builder.js, slider.js와 Y...
Category: 자료 - 웹개발, Reactions: 2, Views: 21,811, Author: 파이어준
-
Control.Scroller 확장 컴포넌트
역시나, Prototype과 Scriptaculous 자바스크립트 프레임웍을 확장하는 Control.Scroller 컴포넌트는 자바스크립트로 구현한 스크롤바입니다. Scriptaculous의 Control.Slider 메서드를 사용하고 있어, slider.js를 필요로 합니다. align...
Category: 자료 - 웹개발, Reactions: 2, Views: 22,746, Author: 파이어준
-
Prototype과 Scriptaculous를 이용한 데이트피커
최근들어 Prototype과 Scriptaculous 자바스크립트 라이브러리에 기반하는 강력한 컴포넌트들이 봇물입니다.(흐뭇) MS 필이 물씬 풍기는 완성도 높은 자바스크립트 데이트피커(날짜 선택기)도 출현했군요! <input type=&q...
Category: 자료 - 웹개발, Reactions: 0, Views: 28,425, Author: 파이어준
-
Prototype기반 iGoogle UI 구현 클래스 - Portal
Prototype에 기반하는 프로젝트를 여럿 소개한 바 있는 Sebastien Gruhier씨는 또다시 놀라운 컴포넌트를 공개하였습니다. Scriptaculous 라이브러리를 적극 활용하여 iGoogle과 Netvibes와 같은 위젯기반 UI를 제공케 할 수 있는...
Category: 자료 - 웹개발, Reactions: 0, Views: 50,875, Author: 파이어준
-
Aptana Milestone 9 정식판 출시
오랜 태스트기간을 거친 Aptana는 드디어 PHP를 공식으로 지원하는 Milestone 9 버전을 정식으로 릴리즈했습니다. 함수들과 파라메터 그리고 다양한 PHP문법의 코드 어시스트와 일부 업데이트된 자바스크립트 라이브러...
Category: 정보 - S/W, Reactions: 0, Views: 22,552, Author: 파이어준
-
플래시에서 마우스 오른쪽 버튼 이벤트 사용하기
Paulius Uza씨는 자바스크립트를 이용하여 플래시의 마우스 오른쪽 버튼을 커스토마이즈하는 프로젝트를 Google Code에 포스팅했습니다. 자바스크립트로 마우스 오른쪽 버튼의 이벤트를 가로채 플래시 오브젝트로 전...
Category: 자료 - 웹개발, Reactions: 4, Views: 21,049, Author: 파이어준
-
Prototype기반 RIA 프레임웍 - Foo
Prototype을 기반바하는 또다른 라이브러리인 Foo 프레임웍이 출현했습니다. Foo는 신속한 리치 인터넷 애플리케이션 개발을 목적으로 출시된 자바스크립트 프레임웍입니다. 어도비사의 Spray와 유사한 문법을 사용하...
Category: 자료 - 웹개발, Reactions: 0, Views: 30,390, Author: 파이어준
-
Prototype기반 컨텍스트 메뉴 - Proto.Menu
쿨한 컨텍스트 메뉴 Proto.Menu가 출현했다. Prototype 기반으로 제작되어 크로스-브라우저를 지원한다. 크기가 작고(2kb), 랜더링이 빠르며, 사용자 입맛대로 커스토마이즈 할 수 있다. 재미있는 것은 브라우저의 컨텍스...
Category: 자료 - 웹개발, Reactions: 0, Views: 27,058, Author: 파이어준
-
엘리먼트 박스모델 비주얼라이즈 - XRAY
John Allsopp씨는 웹페이지가 들고있는 엘리먼트들의 박스모델을 비주얼라이즈 하는 XRAY를 개발했다. 북마크릿(bookmarklet)의 형태로 제공되는 XRAY는 IE6+, Webkit 그리고 Mozilla 계열 브라우저에서 작동한다. 파이어버그에...
Category: 자료 - 웹개발, Reactions: 4, Views: 27,911, Author: 파이어준
-
놀라운 Ajax Solitaire(카드놀이)
Robert Schultz씨는 Ajax와 몇몇 자바스크립트 라이브러리를 사용하여 믿을수 없을 정도로 완성도 높은 Solitaire 게임, World of Solitaire를 제작했다. YUI, MochiKit 그리고 PlotKit이 사용되었다고 한다. 이 Solitaire 게임은 완성도...
Category: 정보 - 웹2.0, Reactions: 0, Views: 49,324, Author: 파이어준
-
리치 인터넷 애플리케이션 컴포넌트 - Spinelz
Spinelz는 Prototype/Script.aculo.us 기반하는 여러 인터페이스 컴포넌트 라이브러리들의 묶음이다. 다양한 메뉴효과와 캘린더 관련 컴포넌트, 표와 관련있는 컴포넌트 등 총 18종의 컴포넌트 라이브러리를 제공한다. 컴포...
Category: 자료 - 웹개발, Reactions: 0, Views: 31,054, Author: 파이어준
-
Prototype 1.6.0 Release Candidate
무시무시한 새 기능들을 안고 Prototype 1.6.0 RC(출시 후보)가 릴리즈 되었다. 이전 버전에 비해 약 900여라인이 추가 되었으며, 용량 또한 93kb에서 120kb로 늘었다. Event, Function, Class, Ajax, Template 등 전역에 크고 작은 변화...
Category: 자료 - 웹개발, Reactions: 2, Views: 21,309, Author: 파이어준
-
Prototype으로 만든 .Mac 웹 갤러리
애플은 iPhoto의 웹 공유기능 중 하나로 .Mac 웹 갤러리를 선보였다. Prototype과 Script.aculo.us 자바스크립트 라이브러리 그리고 약간의 플래시로 구축되어 있다. 여러 앨범들의 독특한 프리뷰 목록으로 구성되는 갤러리...
Category: 정보 - 웹2.0, Reactions: 0, Views: 43,675, Author: 파이어준
-
Rich Text Editor 포함한 YUI 2.3 릴리즈
6가지 새로운 컴포넌트를 추가한 YUI 2.3이 릴리즈 되었다. Rich Text Editor, Base CSS, YUILoader, ImageLoader, ColorPicker, YUI Test Utility, Skins이다. 이 중에서도 Rich Text Editor와 ColorPicker를 품고 있다는 점은 주목할만하다. 우리에게...
Category: 자료 - 웹개발, Reactions: 4, Views: 23,909, Author: 파이어준
-
또 다른 자바스크립트 개발 IDE - Spket
Spket IDE는 새롭게 출현한 공짜 Front-end 개발도구이다. 자바스크립트와 XML 개발에 목적을 두고 있으며, XUL/XBL과 야후! 위젯을 개발할 수 있다고 한다. Eclipse의 플러그인 또는 Standalone으로 설치 할 수 있고 JRE(Java Runti...
Category: 정보 - S/W, Reactions: 1, Views: 35,654, Author: 파이어준
-
Prototype 기반 Fancy menu
Guillermo Rauch씨는 MooTools 자바스크립트 라이브러리와 CSS를 이용하여 재미있는 메뉴 네비게이션 효과를 만들었다. 메뉴 항목에 마우스가 이동할 때 마다 배경이미지에 시각적인 변화가 발생하며, 간단한 마크업만으...
Category: 자료 - 웹개발, Reactions: 12, Views: 39,146, Author: 파이어준
-
Aptana IDE - Milestone 9 Update Available
Aptana에서의 공식발표는 없지만 Milestone 9의 Nightly(Build 16069)버전의 업데이트가 19일 부터 가능합니다. 다수의 버그수정과 기능개선이 있었고, 약속대로 PHP가 지원되는 것을 확인 했습니다. PHP의 문법강조 및 유효성...
Category: 정보 - S/W, Reactions: 0, Views: 29,314, Author: 파이어준
-
자바스크립트 웹캠 스트리밍
SasCam Webcam Server와 자바스크립트로 스트리밍 웹캠을 구현해 보았습니다. SasCam Webcam Server는 무료로 제공되는 웹캠 서버 프로그램입니다. 이 서버는 캠에 잡힌 화면을 하나의 jpg파일에 저장하고 지속적으로 업데이...
Category: 자료 - 웹개발, Reactions: 4, Views: 39,857, Author: 파이어준
-
Aptana Milestone 9b 릴리즈 대기중
Eclipse기반의 Aptana IDE가 다음 버전인 Milestone 9 beta가 곧 선보인다는 소식이 그들의 블로그에 올라왔다. 이번 버전의 주요한 특징은 바로 PHP지원이다. 문법강조는 물론, PHP의 코드 어시스트까지 추가된다고 한다. PH...
Category: 정보 - S/W, Reactions: 0, Views: 24,026, Author: 파이어준
-
Script.aculo.us 아코디언 컴포넌트
Kevin Miller씨는 Prototype/Scriptaculous 자바스크립트 라이브러리를 사용해서 아코디언 컴포넌트를 만들고 공개했다. 아코디언 컴포넌트란 최소한의 공간을 소비하여 마우스의 클릭이나 포지션만으로 다량의 컨텐츠를...
Category: 자료 - 웹개발, Reactions: 2, Views: 25,745, Author: 파이어준
-
웹마스터를 위한 대시보드 - Xinu
Xinu는 웹사이트관리에 도움을 주는 여러가지 도구를 대시보드의 형태로 한대 갖추고 있는 웹마스터를 위한 웹 애플리케이션이다. 구글의 PageRank, Alexa 순위, Digg 다독순위 등 다수의 득점 현황을 한눈에 파악할 수...
Category: 정보 - 웹2.0, Reactions: 0, Views: 30,411, Author: 파이어준
-
구글 기어즈 - 데이터베이스 ORM 0.1
Uriel Katz씨의 Google Gears ORM 프로젝트가 드디어 모습을 드러냈다. 이번 버전은 JSON 또는 Real foreign key(SQLite는 이 것을 지원하지 않음)를 쉽게 읽고 쓸 수 있으며, trigger도 사용할 수 있는 버전이라고 한다. 아래의 예제...
Category: 자료 - 웹개발, Reactions: 0, Views: 29,781, Author: 파이어준
-
Ajax 위지윅 인플레이스 에디터 - InPlaceRichEditor
InPlaceRichEditor는 TinyMCE 위지윅 에디터 라이브러리와 Prototype/Scriptaculous 라이브러리를 통합해 만든 위지윅(WYSIWYG)기반 Ajax 인플레이스(Inplace) 편집기이다. 인플레이스 에디트는 위키(wiki)기반의 사이트에서 포스트 편...
Category: 자료 - 웹개발, Reactions: 4, Views: 46,555, Author: 파이어준
-
자바스크립트 말풍선 - Speech Bubbles
Speech Bubbles는 jQuery 자바스크립트 라이브러리에 기초하여 작성 된 재미있는 장난감이다. 북마크릿의 형태로 사용할 수 있는 이 라이브러리는 웹사이트의 특정한 위치에 말풍선 모양의 텍스트를 저장해 익살 스러...
Category: 정보 - 웹2.0, Reactions: 4, Views: 41,148, Author: 파이어준
-
아이폰 UI개발 자바스크립트 - iUI
Joe Hewitt씨는 아이폰(iPhone)의 유저 인터페이스(UI) 개발에 도움을 주는 iUI(원래 지명 "iphonenav")를 만들고 공개했다. 작은 자바스크립트와 CSS 꾸러미로 구성되어있다. iUI는 자바스크립트 라이브러리이기를 거부한단...
Category: 자료 - 웹개발, Reactions: 2, Views: 30,445, Author: 파이어준
-
LightWindow v2.0 릴리즈
Prototype과 Scriptaculous 자바스크립트 라이브러리 기반의 미디어 뷰어 컴포넌트인 LightWindow의 2.0버전이 릴리즈 되었다. 대부분의 미디어 타입 취급 가능, 애니메이션 성능 향상, video/media 관련 버그 수정, IE에서의 성...
Category: 자료 - 웹개발, Reactions: 0, Views: 32,001, Author: 파이어준
-
Ajax 로딩 인디케이터 컴포넌트 - Protoload
Andreas Kalsch씨는 Ajax 로딩에 사용되는 인디케이터를 쉽게 다룰 수 있도록 Protoload라는 이름의 자바스크립트 라이브러리를 만들고 공개했다. Ajax 로딩 이벤트에 추가할 수 있으며 서버로부터 응답이 발생할 때 까지...
Category: 자료 - 웹개발, Reactions: 5, Views: 29,574, Author: 파이어준
-
Ext, AIR, Aptana와 함께 데스크탑 애플리케이션 구축
Ext 블로그는 "Ext 2.0 자바스크립트 라이브러리, Adobe AIR, Aptana IDE 그리고 Red Bull 프로젝트와 함께 데스크탑 애플리케이션 구축"이라는 주제로 Ext 자바스크립트 라이브러리를 활용한 애플리케이션을 구축방법...
Category: 자료 - 웹개발, Reactions: 3, Views: 25,899, Author: 파이어준
-
800% 빨라진 jQuery 1.1.3 릴리즈
경량 자바스크립트 라이브러리인 jQuery의 1.1.3버전이 릴리즈 되었다. 이번 릴리즈의 특징은 DOM을 가로지르는(?) 속도를 1.1.2버전에 비해 800% 향상시켰으며, 더 많은 키보드 이벤트를 추가했고, 이펙트효과는 더 나은...
Category: 자료 - 웹개발, Reactions: 0, Views: 19,683, Author: 파이어준
-
온/오프라인이 공존하는 데스크탑 런타임 - AIR
온/오프라인이 공존하는 하이브리드 인터넷 환경구축을 위해 굵직굵직한 소프트웨어 업체들이 이미 출발선을 끊은지 오래다. MS의 실버라잇(Silverlight)과 어도비의 AIR(Adobe Integrated Runtime) 그리고 구글의 Gears가 바로...
Category: 정보 - 웹2.0, Reactions: 1, Views: 35,193, Author: 파이어준
-
운동법칙 적용된 드래그앤드롭 - Physical.js
애플의 아이폰(iPhone)과 제품 슬라이드 바에서 영감을 얻어 물체를 옮길 때 작용과 반작용이 일어나는 물리법칙을 드래그앤드롭 오브젝트에 적용하여 테스트 샘플 라이브러리로 만들어 보았습니다. Prototype.js와 S...
Category: 자료 - 웹개발, Reactions: 7, Views: 34,594, Author: 파이어준
-
애플닷컴의 제품 슬라이더 자바스크립트 분석
애플닷컴의 iTunes페이지에 자바스크립트로 구현 된 제품 슬라이더가 심상치 않아 보여서 파 보았다. 이 제품 슬라이더는 Prototype.js와 Scriptaculous의 Slider컨트롤러가 사용 되었으며, 주요한 기능은 특정영역으로의 스...
Category: 자료 - 웹개발, Reactions: 11, Views: 36,278, Author: 파이어준
-
메모리릭(누수) 문제 해결한 IE 업데이트
윈도XP기반 인터넷 익스플로러의 자바스크립트 메모리릭(메모리 누수현상) 문제를 해결했다고 한다. 정말 반가운 소식이 아닐 수 없다. MS07-033(KB933566) 인터넷 익스플로러용 누적 보안 업데이트를 설치함으로 해결...
Category: 정보 - S/W, Reactions: 5, Views: 35,428, Author: 파이어준
-
사이트 읽기속도 측정기 : Pingdom Tools
핑돔(Pingdom)은 특정 사이트의 리소스 읽기속도를 분석하는 온라인 측정기이다. 파이어폭스 플러그인인 Firebug의 읽기속도 축정기를 온라인 버전으로 만든 느낌이다. 페이지가 들고있는 이미지, 스타일시트, 자바스...
Category: 정보 - 웹2.0, Reactions: 0, Views: 35,839, Author: 파이어준
-
사파리3의 자바스크립트 퍼포먼스 측정
한글 출력 문제와 다수의 버그가 해결된 사파리3 Beta가 릴리즈 되었습니다. 하지만, 한글 입력은 안되더라구요. 아무튼, 설치한 김에 자바스크립트 퍼포먼스를 간략하게 측정 해 보았습니다. 와우~ 사파리3는 정말...
Category: 정보 - S/W, Reactions: 3, Views: 34,253, Author: 파이어준
-
Prototype 1.5.1.1 릴리즈와 1.5.2_pre0
Prototype.js 1.5.1.1 버그 픽스 버전이 릴리즈되었습니다. 주로 사파리 브라우저에서 발생하는 버그를 수정한 것입니다. 기능상의 변화는 없고 1.5.1버전의 코드와 비교해 보니 총 13라인 정도가 수정되었더군요. 그리고...
Category: 자료 - 웹개발, Reactions: 0, Views: 31,525, Author: 파이어준
-
자바스크립트 라이브러리의 종류와 특징 발표자료
웹 어플리케이션 컨퍼런스 2007에서 자바스크립트 라이브러리의 종류와 특징이라는 주제로 발표 했습니다. 자바스크립트 라이브러리의 필요성, 종류 와 특징, 선호도 및 선정방법 그리고 몇가지 쇼케이스를 다루...
Category: 자료 - 웹개발, Reactions: 24, Views: 39,300, Author: 파이어준
-
Ajax 쇼케이스 모음집 - AjaxRain
AjaxRain은 Ajax 쇼케이스를 일목요연하게 모아놓은 사이트이다. 얼마전에 소개한 MiniAjax와 매우 흡사하다. 최근 업데이트가 뜸한 MiniAjax의 뒤통수라도 치는 듯이 등장한 AjaxRain은 무섭게 느껴질 정도로 양과 질에서 ...
Category: 정보 - 웹2.0, Reactions: 1, Views: 29,746, Author: 파이어준
-
멀티플 파일 업로드 프로그레시브 - SWFUpload
SWFUpload는 자바스크립트와 플래시를 이용하여 손쉽게 다중 파일 업로드 프로그레스바를 구현하는 라이브러리이다. 페이지 리로드가 없고, 업로드 시작전에 파일 사이즈를 미리 알 수 있으며, 업로드 큐에서 추가...
Category: 자료 - 웹개발, Reactions: 2, Views: 62,803, Author: 파이어준
-
이미지에 입히는 폴라로이드 효과 - Instant.js
Instant는 canvas 태그를 이용하여 이미지에 폴라로이드(Polaroid™) 효과를 부여하는 재미있는 자바스크립트 그래픽 라이브러리이다. instant.js를 인클루드하고 해당 이미지 태그의 클래스 애트리뷰트에 "instant"...
Category: 자료 - 웹개발, Reactions: 0, Views: 34,149, Author: 파이어준
-
CSS 셀렉터 벤치마크 - SlickSpeed
SlickSpeed는 MooTools 사람들이 만든 흥미로운 테스트 페이지이다. 다수의 라이브러리에서 지원하는 CSS 셀렉터(CSS selector)의 타당성과 스피드를 벤치마크한 것이다. 테스트에 사용된 라이브러리는 prototype 1.5.1, jQuery 1...
Category: 자료 - 웹개발, Reactions: 1, Views: 24,542, Author: 파이어준
-
애플닷컴의 디자인 리프레시
꽤나 오랜시간 지속되던 애플닷컴의 디자인이 리프레시되었다. 배경색의 변화에 영향을 받지않는 탑메뉴 디자인과 서브메뉴를 날려버린 것만으로 큰 변화가 일어난 것처럼 느껴지게 한다. 그리고 Prototype.js와 Sc...
Category: 정보 - 웹2.0, Reactions: 0, Views: 24,993, Author: 파이어준
-
자바스크립트로 만든 슈퍼마리오 월드
와~ 이 정도까지 가능할 줄이야, 그저 놀라울 뿐이다. (플레이).
Category: 정보 - 웹2.0, Reactions: 1, Views: 28,963, Author: 파이어준
-
머리좋은 Ajax 장기 게임
컴퓨터와 대국할 수 있는 Ajax 기반 장기 게임이 나왔다. JSON으로 말의 정보를 송/수신하고 자바스크립트로 UI를 구현했다. 자바스크립트 라이브러리로는 Mootools와 JavaScript VectorGraphics이 사용되었으며, 개발 프레임...
Category: 정보 - 웹2.0, Reactions: 1, Views: 52,193, Author: 파이어준
-
웹 어플리케이션 컨퍼런스 2007 발표 참여
2007년 6월 21일(목), 삼성동 코엑스 그랜드 볼륨에서 웹 어플리케이션 컨퍼런스 2007 행사에 발표 참여하게 되었습니다. 오전 워크샵(09:30—12:30) 중 실전 Ajax와 웹 표준(105호)" 트랙에서 10:30부터 11:30까지 자바스크...
Category: 정보 - 웹2.0, Reactions: 4, Views: 54,860, Author: 파이어준
-
Ajax기반 파일 탐색기 - Folders
Freshlogic Studios의 Folders는 완벽에 가까운 데스크탑 애플리케이션(윈도 비스타)의 인터랙션을 따는 Ajax기반 온라인 파일 탐색기입니다. 파일 및 폴더의 다중선택과 드래그앤 드롭, 콘텍스트 메뉴와 풀다운 메뉴 그리...
Category: 정보 - 웹2.0, Reactions: 0, Views: 43,640, Author: 파이어준
-
ExtJS도 구글 기어즈 통합
Ajax UI 컴포넌트 라이브러리인 ExtJS 또한 구글 기어즈(Google Gears)를 통합한다는 내용입니다. ExtJS는 구글 기어즈를 통합하여 가지고 놀 수 있는 방법을 보여주기 위하여 간단한 데이터-그리드 테이블 애플리케이션(...
Category: 자료 - 웹개발, Reactions: 0, Views: 27,895, Author: 파이어준
-
구글 기어즈 - DB 추상화
Ajaxian의 Dion Almaer씨는 구글 기어즈(Google Gears)의 API는 너무 저수준이라며 불평을 토로하고, 기어즈 데이터베이스 객체의 간단한 추상화를 위한 gears-dblib를 공개했다. 위 코드의 파이어버그(라이트)에서 돌아가는...
Category: 자료 - 웹개발, Reactions: 4, Views: 25,695, Author: 파이어준
-
오프라인 Ajax가 가지는 의미 - Google Gears
Google Developer Day에서 발표된 Google Gears(구글 기어즈)는 오프라인에서도 온라인처럼 사용할 수 있는 클라이언트 스토리지 솔루션입니다. 특징을 보면, SQLite를 이용한 데이터 처리 및 문서 검색, 서버와 클라이언트...
Category: 정보 - 웹2.0, Reactions: 0, Views: 29,450, Author: 파이어준
-
GCOE X - AjaxOS의 시운전
GCOE X는 AjaxOS 프로젝트입니다. 사용가능한 데모를 공개하고 있습니다. 이 데모에서는 브라우저의 웹서핑과 메모장 텍스트편집 그리고 터미널에서 폴더를 생성하고 탐색할 수 있으며 파일 브라우저에서 GUI기반의...
Category: 자료 - 웹개발, Reactions: 0, Views: 32,592, Author: 파이어준
-
whos.amung.us Widget AjaxExtention
얼마 전 whos.amung.us를 알게되어 설치하였습니다. 의외로 흥미로운 블로그 위젯이더군요. 이 위젯은 사용자의 어떠한 요구도 없이 간단한 코드의 복사와 붙이기만으로 자신의 블로그에 현재 접속중인 사용자가 어...
Category: 자료 - 웹개발, Reactions: 2, Views: 42,643, Author: 파이어준
-
Prototype 1.5.0 커닝 페이퍼
와우 Jonathan Snook씨는 Prototype 1.5.0의 커닝 페이퍼(Cheat Sheet)를 만들었다. 간혹 클래스명이나 메서드명이 기억나지않아 소스를 뒤적거리곤 했는데 이것 한장있으면 끝이다. 이 커닝 페이퍼에는 Prototype 1.5.0의 모든 클...
Category: 자료 - 웹개발, Reactions: 7, Views: 30,003, Author: 파이어준
-
script.aculo.us 1.7.1 beta 3 릴리즈
Sortable의 성능 향상과 Prototype 1.5.1 정식판에 최적화 되었다고 합니다. 베타3를 사용하면서 발견한 문제는 구글 그룹스에 보고해 달라고 하네요. 아마도 이번이 마지막 베타버전이 될 것이고 다음주 중에 1.7.1의 정...
Category: 자료 - 웹개발, Reactions: 0, Views: 20,904, Author: 파이어준
-
검색엔진 키워드 강조표시하기(업데이트)
인터넷 사용자의 70퍼센트 이상이 정보검색에 목적을 두고 있으며, 70퍼센트 이상의 방문객이 검색 사이트를 경유하여 방문하고 있다. 이 블로그또한 예외는 아니다. 검색을 통해 방문한 사용자의 편의를 위해 키...
Category: 자료 - 웹개발, Reactions: 0, Views: 31,325, Author: 파이어준
-
jQuery의 막강한 동반자
Prototype프레임웍을 살찌우는 Script.aculo.us라이브러리와 같이 jQuery에도 Inerface Elements라는 라이브러리가 생겼습니다. Effect, Dragdrop, Slider 등 Script.aculo.us에서 제공하는 거의 모든 인터페이스를 사용할 수 있게 되었습...
Category: 자료 - 웹개발, Reactions: 2, Views: 27,226, Author: 파이어준
-
플레이톡 개미경주 해킹사건
최근 플레이톡에 추가된 서비스인 개미경주는 Ajax와 자바스크립트로 구현된 도박게임입니다. 이 게임은 플토커에게 주어지는 exp(경험치, 활동 포인트)를 미천으로 배팅할 수 있습니다. 일등 개미를 맞추게 되면 ...
Category: 일상 - 뻘짓, Reactions: 4, Views: 26,479, Author: 파이어준
-
MooTools 1.1 Released
MooTools 1.1이 출시되었습니다. "미치도록 최적화된 속도와 호환성과 유연성, 그리고 뚱뚱한 부피와 함께..."라고 하는군요(의역입니다;) 그러나 사실무근한 말은 아닙니다. 모든 컴포넌트를 합친채로 압축없...
Category: 자료 - 웹개발, Reactions: 1, Views: 22,217, Author: 파이어준
-
ExplorerCanvas 새 버전 출시
Canvas 태그가 지원되지 않는 익스플로러에서도 canvas 태그를 사용할 수 있도록 만들어 주는 자바스크립트 라이브러리인 ExplorerCanvas의 새버전이 나왔습니다. 종전에 소개했을 때에는 몰랐는데 Copyright를 보니 Google에...
Category: 자료 - 웹개발, Reactions: 0, Views: 21,208, Author: 파이어준
-
Prototype 1.5.1 정식판 출시
약 2개월동안 4개의 출시 후보를 거쳐 Prototype 1.5.1 정식판이 출시되었습니다. 30마리의 벌레(bug)를 수정하고 성능개선과 최적화가 이루어졌습니다. 현재 1.5.1의 새 방법을 위주로 API문서의 갱신이 이루어지고 있으...
Category: 자료 - 웹개발, Reactions: 0, Views: 21,706, Author: 파이어준
-
JS, CSS파일 압축전송으로 페이지 로딩속도 향상
Niels Leenheer씨는 HTML 페이지의 로드를 가속화하기 위해 포함하는 자바스크립트 및 스타일시트 파일에 Gzip을 사용하여 압축하고 모드리라이트(mod_rewrite) 모듈을 이용하여 자동-전송하는 방법을 자신의 개인 블로그...
Category: 자료 - 웹개발, Reactions: 4, Views: 46,907, Author: 파이어준
-
파이어버그의 콘솔을 이용한 자바스크립트 트레이스
파이어폭스(Firefox)의 자바스크립트 디버그(debug) 도구인 파이어버그(Firebug)를 이용한 트레이스(trace) 방법을 소개한다. 파이어버그는 훌륭한 디버깅(debugging) 콘솔(console)을 가지고 있다. 간략하게 콘솔에 대해 설명...
Category: 자료 - 웹개발, Reactions: 1, Views: 51,245, Author: 파이어준
-
Ajax prototype 하루만에 끝내기 세미나
홍보합니다. 'Ajax prototype.js 프로토타입 완전분석'의 저자인 김영보씨는 책 중심의 세미나를 개최합니다. 주로 다룰 내용은 Prototype.js의 전반에 걸친 이해와 활용입니다. 본 세미나의 목적은 바쁜 현대인을 위한 쪽...
Category: 정보 - 웹2.0, Reactions: 3, Views: 56,374, Author: 파이어준
-
별점평정 위젯, JS-Kit
js-kit.com에서 서비스하는 별점평정 위젯입니다. HTML 문서의 어디에나 붙이기 편한 형태로 제작되어 배포되고 있습니다. 별점평정 뿐만아니라 설문조사 및 댓글 그리고 댓글과 혼합된 평정 서비스를 모두 무료로 제...
Category: 정보 - 웹2.0, Reactions: 7, Views: 34,734, 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: 22,440, Author: 파이어준
-
Prototype.js 1.5.1 Release candidate 3 릴리즈
Prorotype.js 1.5.1버전의 RC3가 릴리즈되었습니다. 마이너한 버그들이 수정되었고, 호환성 및 보안 강화와 몇몇 새로운 추가 메서드를 포함하며, 소소한 수행성능 향상이 있었습니다. 자세한 내용은 아래와 같습니다...
Category: 자료 - 웹개발, Reactions: 0, Views: 17,367, Author: 파이어준
-
자바스크립트 동적호출 구현하기
최근 자바스크립트의 사용량이 많아지면서 트래픽도 덩달아 증가하고 있다. CPU 연산 의존도가 높은 자바스크립트는 당장 필요치않은 라이브러리들까지 처리하려니 브라우저도 죽을 맛이다. 조금 더 효율적인 처...
Category: 자료 - 웹개발, Reactions: 14, Views: 50,256, Author: 파이어준
-
자바스크립트 알카노이드 - DHTML Arkanoid
자바스크립트의 달인인 Scott Schiller씨는 놀라운 게임을 만들었습니다. 1980년대 인기 게임이었던 알카노이드를 자바스크립트로 구현한 것입니다. 특이한 점은 플레이어가 직접 레벨 디자인을 할 수 있고 저장한 레...
Category: 자료 - 웹개발, Reactions: 0, Views: 30,745, Author: 파이어준
-
자바스크립트 단축키 핸들러 - shortcuts.js
Binny V A씨는 많은 자바스크립트 라이브러리가 있음에도 단축키를 지원하는 라이브러리는 발견하지 못했다면서 구글의 웹 애플리케이션인 Gmail이나 Reader처럼 보다 쉽게 웹 애플리케이션에 단축키를 사용할 수 있...
Category: 자료 - 웹개발, Reactions: 0, Views: 31,837, Author: 파이어준
-
Prototype base multi-select API
자바스크립트로 구현한 Prototype.js 프레임웍 기반 다중 선택기 API를 소개합니다.(API라고 하기에는 좀 부끄럽군요) 최초 올라로그 오픈베타 프로젝트에 사용되었습니다. 데스크탑 애플리케이션 못지않은 UI를 구현...
Category: 자료 - 웹개발, Reactions: 4, Views: 33,070, 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: 31,680, Author: 파이어준
-
Prototype기반 벡터 그래픽 프레임웍 - PGF
Prototype Window 컴포넌트를 만든 Sebastien Gruhier씨는 프로토타입 그래픽 프레임웍(PGF)이라는 매우 흥미로운 프로젝트를 진행합니다. 모든 브라우저에서 사용할 수 있는 Prototype.js 기반 벡터(vector) 그래픽 프레임웍을 ...
Category: 자료 - 웹개발, Reactions: 2, Views: 40,377, Author: 파이어준
-
Prototype 기반 어안메뉴
Alexei@Nitobi에서 배포한 것을 Prototype.js기반으로 만들었습니다. 만들다 보니 소두마빈님께서 '붐바'라는 이름의 플러그인으로 벌써 마가린에 배포하셨더군요. 작동방식은 둘다 비슷한데 묘한 차이점이 있어...
Category: 자료 - 웹개발, Reactions: 2, Views: 34,343, Author: 파이어준
-
자바스크립트 미디어 플레이어 - JSMP
Azer Koculu씨는 자바스크립트만으로 돌아가는 미디어 플레이어(JSMP)를 만들었습니다. 실시간 버퍼링, 프로그레스바, 컨트롤러 기능을 가지고 있습니다. 작동원리를 분석해보니 조금 당황스럽더군요. 170장의 프레임...
Category: 자료 - 웹개발, Reactions: 0, Views: 29,809, 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: 18,493, Author: 파이어준
-
자바스크립트 이미지 크로퍼 UI
Dave Spurr씨는 Prototype.js와 Scriptaculous기반의 자바스크립트 이미지 크로퍼 UI(유저 인터페이스) 라이브러리를 만들었습니다. 이미지의 특정한 영역을 드래그하여 선택된 영역의 크기와 좌표 값를 반환해 줍니다. 영역...
Category: 자료 - 웹개발, Reactions: 4, Views: 41,982, Author: 파이어준
-
Javascript가 그려낸 둥근 모서리 - Transcorners
계속해서 미루어 오다가 이제서야 소개합니다. Transcorners는 대상 엘리먼트의 모서리에 라운드(또는 대각선) 효과를 부여하는 자바스크립트 효과입니다. 가볍기로 잘 알려진 mootools 자바스크립트 프레임웍을 기반...
Category: 자료 - 웹개발, Reactions: 8, Views: 51,032, Author: 파이어준
-
Ajax Prototype.js - 프로토타입 완전분석
Prototype.js의 구석구석을 파해쳐 풀이한 도서가 4월에 출간될 예정이다. 영광스럽게도 본 도서의 베타리뷰를 맡아 진행하면서 느낀점을 간략하게 리뷰해 본다. 김영보 저자의 "Ajax Prototype.js - 프로토타입 완전...
Category: 자료 - 웹개발, Reactions: 8, Views: 39,621, Author: 파이어준
-
자바스크립트 코드 하이라이터
Dan Webb에서 만든 자바스크립트 코드 하이라이터입니다. 아래에 보시는 것처럼 멋드러지게 드로잉합니다. HTML, 자바스크립트, 스타일시트 그리고 루비의 코드를 기본으로 지원하며, 확장 가능한 형태로 구축되어 ...
Category: 자료 - 웹개발, Reactions: 2, Views: 26,032, Author: 파이어준
-
겸손한 자바스크립트 탭 - Control.Tabs
Control.Tabs은 Ryan Johnson씨가 Prototype.js를 사용해서 만든 매우 겸손한(?) 자바스크립트 탭이다. 표준에 맞게 탭을 생성하기 때문에 넌-자바스크립트 브라우저에서도 완벽하게 접근할 수 있으며, 수정/추가/삭제가 매우...
Category: 자료 - 웹개발, Reactions: 3, Views: 29,420, Author: 파이어준
-
자바스크립트 기반 레이-트레이서
Adam Burmister씨는 자바스크립트와 Canvas HTML 엘리먼트를 사용하여 레이 트레이서(Ray-Tracer)를 구축했다. 레이 트레이싱이란, 가상적인 광원에서 나온 빛이 여러 물체의 표면에서 반사되는 경로를 추적하는 3차원 컴퓨...
Category: 자료 - 웹개발, Reactions: 3, Views: 32,750, Author: 파이어준
-
구글 AJAX 검색 API - 뉴스, 블로그 바
구글 검색 API팀에서 Ajax 뉴스바와 블로그바 서비스를 시작했습니다. 간단한 마법사를 통해 스타일(Strip or Reel), 관심 키워드, 타이틀 그리고 자신의 홈페이지 주소를 입력하면 바로 삽입가능한 코드를 생성해줍니...
Category: 정보 - 웹2.0, Reactions: 4, Views: 45,735, Author: 파이어준
-
Ajax UI 컴포넌트 라이브러리 - ExtJS 1.0
Dojo에서 제공하는 멋진 UI 컴포넌트(소프트웨어 못지않은)들이 무척이나 부러웠습니다. 하지만 ExtJS 라이브러리를 사용하면 더이상 부러울것이 없습니다. 이 라이브러리는 Prototype.js와 Script.aculo.us 프레임웍을 확장...
Category: 자료 - 웹개발, Reactions: 2, Views: 36,199, Author: 파이어준
-
Script.aculo.us 1.7.1 베타 릴리즈
Prototype 1.5.1 release candidate 버전에 발맞춰 Script.aculo.us 1.7.1 베타버전 또한 업데이트 되었습니다. 1.7.1 베타의 가장 큰 변화는 음향효과를 사용할 수 있는 것입니다.(오!) 이밖에도 Effect.morph의 버그 수정 및 Draggables에...
Category: 자료 - 웹개발, Reactions: 0, Views: 24,028, Author: 파이어준
-
Prototype 1.5.1 RC1 릴리즈
Sam씨는 Prototype의 1.5.1 RC1을 릴리즈 하였습니다. 0.0.1 판올림치고는 아주 많은 변화가 있군요. 간략하게 요약하면 $$선택자는 CSS3의 형태를 지원하고 속도를 개선했습니다. 그리고 JSON 인코딩과 디코딩 내장했으며,...
Category: 자료 - 웹개발, Reactions: 0, Views: 19,260, Author: 파이어준
-
캔버스 3D 엔진 - Ajax3D
Eben Upton씨가 소스포지에 공개한 간단한 3D 엔진이다. 자바스크립트와 Canvas HTML 태그를 이용한다. 랜덤한 지형 및 미니맵, 물리효과, 광원처리까지 자바스크립트로 구현했다. 소스포지의 데모 페이지에서 더욱 부드...
Category: 자료 - 웹개발, Reactions: 2, Views: 32,829, Author: 파이어준
-
자바스크립트 게임 - Primera
Primera는 자바스크립트와 Ajax로 구현한 온라인 게임이다. 서버측 엔진은 Perl로 제작되었고순수한 자바스크립트와 HTML만을 사용하여 등축 스크롤 맵을 구현했다. 아바타를 선택하여 게임속 다른 플레이어와 실시간...
Category: 자료 - 웹개발, Reactions: 4, Views: 37,476, Author: 파이어준
-
놀라운 WYSIWYG - Weebly
Weebly는 Prototype.js를 이용하여 멋진 WYSIWYG 편집기를 만들었습니다. 실시간 적용되는 페이지 디자인, 윈도우를 통한 세부설정, 특히 끌어다 놓는 문단 모양과 다양한 컨텐츠가 눈길을 끕니다. 구글맵, 비디오, 사진,...
Category: 정보 - 웹2.0, Reactions: 4, Views: 33,530, Author: 파이어준
-
자바스크립트 아미가 에뮬레이터
우왓! 정말 놀랍다. chiptune.com은 100% 자바스크립트와 DHTML만으로 아미가(Amiga) 에뮬레이터를 구현했다. 와우~ 얼마만에 보는 눈알인가. 더불어 Canvas 태그를 사용해서 구현한 MSX 에뮬레이터인 jsMSX도 볼만하다..
Category: 정보 - 웹2.0, Reactions: 0, Views: 30,180, Author: 파이어준
-
인클루드 (자바스크립트 || 스타일시트) 파일
RadRails의 파일 인클루드 방식을 자바스크립트로 흉내내어 보았습니다. 인자로 파일명을 문자배열로 넘기면 순차적으로 로드합니다. Prototype.js를 사용하며 Ajax로 구현된 별도의 페이지에 필요한 라이브러리를 개별...
Category: 자료 - 웹개발, Reactions: 13, Views: 41,982, Author: 파이어준
-
잘정리된 DHTML(Ajax) 쇼케이스 - MiniAjax
MiniAjax는 웹상에 공개된 흥미로운 DHML 예제들을 커버이미지를 비롯한 간략한 정보, 그리고 링크를 작성하여 약 60여개의 정보를 한 한페이지에 잘 정리해 놓았다. Prototype Window, Reflection, Carousel Component, Lightbox, Fish...
Category: 자료 - 웹개발, Reactions: 0, Views: 22,252, Author: 파이어준
-
오른쪽 클릭 컨텍스트 메뉴
Harel Malka씨는 자바스크립트로 마우스의 오른쪽 버튼을 클릭해서 사용하는 컨텍스트 메뉴를 개발하고 공개했다. 마우스 오른쪽 버튼의 이벤트를 통제하여 쉽게 메뉴를 생성하고 지울 수 있다. 특정 노드에 특수한...
Category: 자료 - 웹개발, Reactions: 0, Views: 33,509, Author: 파이어준
-
Aptana Milestone M8a Release
앱테나 마일스톤 8이 지난 19일 릴리즈 되었습니다. 자체 유니코드 지원, 자바스크립트 디버거의 대명사인 Firebug 통합, 그리고 한국유저가 애타게 바라던 다국어가 지원되기 시작합니다. 다국어는 인터페이스의 ...
Category: 정보 - S/W, Reactions: 5, Views: 36,292, Author: 파이어준
-
ExplorerCanvas 라이브러리 예제
ExplorerCanvas를 사용한 Canvas 태그 예제입니다. 클라이어트의 CPU사용량 급증, 좀금씩 프레임이 끊기는 문제는 해결해야 할 과제로군요. 돌아가는 것을 직접보니 신기하기까지합니다. 더많은 예제를 보려면 bodytag.org...
Category: 자료 - 웹개발, Reactions: 3, Views: 28,714, Author: 파이어준
-
Canvas 태그 그래프 라이브러리 - Plotr
Plotr는 Prototype을 이용한 도표엔진이다. canvas 태그 또는 SVG 엘리먼트를 통해 파이그래프, 라인그래프, 막대그래프를 가로 형태나 세로 형태로 실시간 생성하는 라이브러리를 배포하고 사용예제를 설명하고 있다. ...
Category: 자료 - 웹개발, Reactions: 8, Views: 39,145, Author: 파이어준
-
자바스크립트 패커(JavaScript Packer)
Dean Edwards씨가 만든 자바스크립트 압축기(Compressor)이자 암호화기(Obfuscator)이다. 특징으로는 다양한 패킹방식을 지원하며, 품질 및 용량이 매우 우수하다. 이미 MooTools의 배포에 사용되어 그 성능이 입증된 바 있다...
Category: 자료 - 웹개발, Reactions: 6, Views: 46,985, Author: 파이어준
-
방탄(Bulletproof) Ajax
Jeremy Keith씨(DOM Scripting 저자)는 '방탄 Ajax'라는 새 책을 출간했습니다. 내용은 안봐서 모르겠고(;), 예제로 공개한 PHP와 연동하여 Ajax를 구현하는 과정을 매우쉽게 기술하고있어 인상깊습니다. 이곳에서 체크...
Category: 자료 - 웹개발, Reactions: 1, Views: 33,702, Author: 파이어준
-
텍스트영역 리사이즈 컴포넌트
Richard McMahon씨는 Prototype을 이용한 "ResizingTextArea" 컴포넌트를 만들고 공개했다. 이 컴포넌트는 클릭(click)과 키업(keyup)이벤트를 할당하여 텍스트 영역의 Row를 감시하고 실시간으로 리사이즈 한다. 이 블로그의 댓글...
Category: 자료 - 웹개발, Reactions: 4, Views: 31,524, 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: 17,166, Author: 파이어준