-
Script.aculo.us 1.7 베타의 모프효과
자바스크립트 이펙트의 대명사 스크립타큘러스(Scriptaculous)는 1.7 베타에 추가되는 모프(Morph)와 트랜스폼(Transform) 이펙트의 데모를 시연했습니다. 현재 테스트 파일이 정식으로 배포된 상태는 아니지만 테스트 소...
Category: 자료 - 웹개발, Reactions: 2, Views: 39,267, Author: 파이어준
-
Prototype의 마우스휠 Event 확장 컨트롤러
Monnerjahn씨는 마우스의 휠을 Prototype의 Event.observe로 확장코드를 개발하고 공개했습니다. 좌측의 사각형 엘리먼트에 마우스를 올리고 휠을 사용해 보세요.(마우스 오버하는 순간 스크롤바가 비활성화 됩니다.) 이 이...
Category: 자료 - 웹개발, Reactions: 6, Views: 50,212, Author: 파이어준
-
파이어버그(Firebug) 1.0 베타 릴리즈
지난 17일 자바스크립트의 강력한 디버그툴인 파이어버그 1.0 베타가 릴리즈 됬습니다. 파이어버그는 파이어폭스의 플러그인 형태로 설치할 수 있는 애드온 애플리케이션입니다. 0.4.1에서 갑작스런 정식 릴리즈로...
Category: 정보 - S/W, Reactions: 8, Views: 52,770, Author: 파이어준
-
어안(Fisheye) 메뉴 구현
"MacOS X"에 도입된 "Dock"은 매우 직관적이면서도 쉽다는 느낌을 강하게 줍니다. Alexei@Nitobi는 어안메뉴(?)라는 이름으로 이와 비슷한 구현을 자바스크립트로 시도했습니다. 현재 개발단계라고는 하지...
Category: 자료 - 웹개발, Reactions: 12, Views: 43,687, Author: 파이어준
-
Ajax 도입한 올블로그 개편
새롭게 개편된 올블로그(v2.3)가 선보였습니다. 가장 큰 기술적인 변화는 .NET에서 PHP로의 전환, Ajax기법 도입 정도로 축약할 수 있겠습니다. dojo 자바스크립트 툴킷을 사용하고 있으며, 데이터를 json의 형태로 송/수...
Category: 정보 - 웹2.0, Reactions: 8, Views: 43,449, Author: 파이어준
-
Ajax 기반 웹사이트 구축에 필요한 UI 디자인
이번 프로젝트를 진행하면서 가장 답답했던 것은 Ajax 기반 웹사이트를 구축할 때 필요한 요소에 대해 이해하지 못하고 접근했다는 것이다. 보통 웹사이트에 비해 오히려 불편하거나 오해를 사는 요인이 증가했으...
Category: 정보 - 웹2.0, Reactions: 4, Views: 52,901, Author: 파이어준
-
올라로그 프리-베타서비스 시작합니다.
지난 12일 약 6개월간 열과 성을 다해 작업한 프로젝트가 드디어 세상에 얼굴을 디밀었습니다. 관심있는 분이라면 한번씩 둘러봐 주시고 사정없는 채찍질 부탁드립니다. 부분 Ajax가 남용에 가깝게 사용되고 있으며...
Category: 정보 - 웹2.0, Reactions: 41, Views: 71,974, Author: 파이어준
-
Script.aculo.us 1.6.5 릴리즈
스크립타큘러스가 1.6.5를 발표했습니다. 자세한 변동사항은 아래와 같습니다. Prototype 1.5.0 RC1도 변경이 있는듯 합니다. * Update to Prototype 1.5.0_rc1 revision [5462] * Support the HTML 'for' attribute in Builder by using 'htmlF...
Category: 자료 - 웹개발, Reactions: 0, Views: 25,220, Author: 파이어준
-
Aptana IDE - Milestone 7 release
지난 3일 Aptana Milestone 7이 릴리즈 되었습니다. 주요한 업데이트 내용은 자바스크립트 디버거가 통합되었으며, 디버거는 파이어폭스와 호환됩니다. 브레이크포인트를 추가, 변수 확인 그리고 수식의 값을 구할수 ...
Category: 정보 - S/W, Reactions: 0, Views: 25,689, Author: 파이어준
-
불꽃놀이 : 자바스크립트 애니메이션 실험
Ajaxian에 소개된 불꽃놀이(Javascript fireworks effect API)는 간단한 삼각법(trigonometry)과 수학을 사용해서 만든 자바스크립트 애니메이션이다. 이 실험의 목적은 브라우저의 성능 실험정도로 생각하면 되겠다. 그리고 이...
Category: 자료 - 웹개발, Reactions: 2, Views: 30,123, Author: 파이어준
-
태터툴즈 클래식 - PHP 5.x 환경에서 운영하기
최근 제가 사용하고 있는 마루호스팅을 비롯한 여러 호스팅업체가 64비트 운영체제, DB서버 분할, UTF-8 언어환경, 최신의 아파치 서버와 PHP, MySQL 등을 도입하여 블로그에 최적화된 호스팅환경을 제공하고 있습니다...
Category: 자료 - 블로그, Reactions: 2, Views: 44,968, Author: 파이어준
-
태터툴즈 클래식 - 대량 스팸 트랙백 차단하기
최근에 날라드는 스팸 트랙백들 살펴보면, 패턴을 이용한 차단을 피하기 위해 서로 다른 내용의 동일 스팸 트랙백을 생성하며, 하나의 URL에서 다량으로 수집한 트랙백 주소에 단 시간내에 무작위로 발사하도록 되...
Category: 자료 - 블로그, Reactions: 7, Views: 52,331, Author: 파이어준
-
야심찬 Dojo 0.4 릴리즈
Dojo 개발팀은 화요일날 있을 Dojo 0.4 풀버전을 위해 출시후보(Release Candidate)를 선보였다. RC의 배포 목적은 심각한 문제가 발생하는 것을 사전에 막고 알려진 버그를 수정하는 것이라고 한다. 직접 사용해 보고 손님...
Category: 자료 - 웹개발, Reactions: 2, Views: 36,931, Author: 파이어준
-
Ajax 요청시 뒤로가기(백버튼) 문제 해결하기
최근 블로그에 Ajax를 반영하면서 맞닥드린 난관은 브라우저의 뒤로가기, 앞으로가기 그리고 새로고침 버튼입니다. Ajax로 불러들인 문서는 페이지를 로드하지 않고 필요한 부분만 가지고 오기 때문에 브라우저의...
Category: 자료 - 웹개발, Reactions: 8, Views: 99,382, Author: 파이어준
-
Aptana IDE - .6 릴리즈 프리뷰
지난 10월 12일 Aptana .6(Build 0.2.6.11840)이 릴리즈 되었습니다. Eclipse 3.2 지원 및 FTP 도구의 많은 버그가 수정되었습니다. 주목할 만한 버그 수정은 다음과 같습니다. * You can filter out warnings and errors from the problems vi...
Category: 정보 - S/W, Reactions: 0, Views: 34,624, Author: 파이어준
-
대량 노드생성시 발생하는 랙현상 줄이기
Ajax가 성행하면서 자바스크립트로 DOM을 직접 다뤄야 하는 일이 잦아졌다. 만약 자바스크립트를 이용해 노드를 대량으로 생산해야하는 임무가 주어졌다면 어떻게 처리하는 것이 효과적일까? 실제로 이와 비슷한 ...
Category: 자료 - 웹개발, Reactions: 11, Views: 45,932, Author: 파이어준
-
클래식과 Ajax의 만남 - 태터툴즈 하이브리드
느닷없이 필(?)받아서 시작한 '태터툴즈 하이브리드 프로젝트'의 작업내역을 공개합니다. 중간 중간 코어 라이브러리의 일부분을 소개하기도 했지만 이번기회에 큰 그림으로 정리해 볼까 합니다. 약 5개월 ...
Category: 자료 - 블로그, Reactions: 14, Views: 38,550, Author: 파이어준
-
Dojo의 Ajax 스프레드시트
Dojo 툴킷을 사용한 Ajax 스프레드시트입니다. 용량 282kb에 10,996라인이 코딩된 하나의 자바스크립트 파일로 구성되어 있군요. 간단하게 금연 일지를 작성해 보았는데요. 메모리 랙이 심해서 순조롭게 사용할 수준은...
Category: 자료 - 웹개발, Reactions: 0, Views: 34,925, Author: 파이어준
-
sthenic의 업로드, 암호품질 프로그레스 바
sthenic은 Ruby on Rails 로 구축된 Ajax 파일공유 서비스입니다. 동적인 암호 품질 그래프와, 파일 업로드 프로그레스-바가 잘 구현되 있어서 후벼 봤습니다. 파일 업로드 프로그레스바는 완전 구라더군요. 전송량에 상...
Category: 자료 - 웹개발, Reactions: 0, Views: 42,246, Author: 파이어준
-
alert을 override하는 자바스크립트 메시지
우리는 그동안 '띵~' 하면서 뜨는 대화상자(자바스크립트 Alert)를 지겹도록 보아왔다. 보다 인간다운 컴퓨터 인터페이스 디자인을 연구하는 회사인 Humanized에 따르면, 대부분의 사용자들이 팝업되는 대화상...
Category: 자료 - 웹개발, Reactions: 10, Views: 64,169, Author: 파이어준
-
Ajaxian.com 2006 Ajax 설문조사 결과
Ajaxian.com은 한주에 걸쳐 진행한 설문조사 결과를 리포트 했다. 주제는 Ajax프레임웍과 Ajax개발 플랫폼의 인기도를 측정하기 위한 것이다. 인기 프레임웍으로는 프로토타입과 스크립타큘러스가 압도적이었고 구글...
Category: 자료 - 웹개발, Reactions: 2, Views: 39,139, Author: 파이어준
-
왜 에이젝스(Ajax)인가?
Ajax는 웹을 빠르게 변화시키고 있다. 사용자가 중심이 되는 웹2.0 운동에 중요한 요소로 손꼽히고 있기 때문이다. 그것은 그동안 웹에서 할 수 없었던 진보된 UX를 제공할수 있게 하고, 브라우저 외에 불필요한 액션...
Category: 정보 - 웹2.0, Reactions: 0, Views: 17,632, Author: 파이어준
-
Prototype 1.5.0 rc1의 간단한 DOM 셀렉터
Scriptaculous 1.6.4를 통해 비공식으로 배포된 프로토타입(Prototype) 1.5.0 rc1에는 많은 변화가 있다. 그중에서도 진보된 이벤트 처리와 DOM(Document Object Model) 셀렉터에 대해 알아보자. 이벤트 처리 Event.observe에 bindAsEventLi...
Category: 자료 - 웹개발, Reactions: 0, Views: 33,101, Author: 파이어준
-
Aptana IDE - .5 업데이트 프리뷰
앱테나(Aptana) .4의 잡다한 버그를 수정하고 몇가지 새로운 기능이 추가된 .5(build 0.2.5.11465)가 릴리즈 되었습니다. 아직은 정식 업데이트 버전에 등록되있지 않습니다. 이번 업데이트의 핵심은 FTP(또는 SFTP)를 지원...
Category: 정보 - S/W, Reactions: 5, Views: 31,731, Author: 파이어준
-
mad4milk, MooTools 릴리즈
Mad4Milk 팀은 Scriptaculous의 Effact.js와 흡사한 라이브러리인 moo.fx의 배포를 시작으로 'MooTools'라는 인상적인 자바스크립트 라이브러리를 새롭게 내놓았습니다. MooTools는 크기가 매우작고 객체지향적인 자바스크...
Category: 자료 - 웹개발, Reactions: 5, Views: 32,152, Author: 파이어준
-
인터넷 익스플로러 7 RC1의 웹표준
인터넷 익스플로러7(이하IE7)의 가장 최근 테스트 버전인 RC1설치해 보았습니다. 베타 버전은 설치를 완료해도 실행 하자마자 죽는 바람에 테스트하지 못했습니다만, RC1은 무사히 실행되는군요. 기능상의 변화는 다...
Category: 정보 - 웹2.0, Reactions: 21, Views: 37,607, Author: 파이어준
-
Prototype용 회전목마 위젯
Sebastien Gruhier씨는 Bill Scott씨가 야후!UI 프레임웍 라이브러리로 만든 회전목마 컴포넌트를 Prototype 버전으로 똑같이 만드셨군요. 저도 이와 비슷한 작업을 올라로그에 에피소드 슬라이더라는 이름으로 진행한 적이...
Category: 자료 - 웹개발, Reactions: 5, Views: 29,240, Author: 파이어준
-
Script.aculo.us 1.6.4 Released
하루사이에 굵직한 소식들이 많이 올라왔군요. 업데이트 한지 열흘만에 스크립타큘러스가(Scriptaculous)가 v1.6.2에 이어 v1.6.4를 릴리즈 했습니다. 주요한 변동사항을 먼저 살펴 보겠습니다. 얼마전 프로토타입(Protot...
Category: 자료 - 웹개발, Reactions: 0, Views: 31,903, Author: 파이어준
-
Prototype 분석 - Element 오브젝트 메서드
이 문서는 Backstage of theater.js에서 발췌한 것 입니다. 프로토타입 라이브러리의 엘리먼트 오브젝트 메서드에 대한 내용을 다루는 일부분입니다. 사용성과 편리성에 포커스를 두지 않고 prototype.js 그대로를 분석하여...
Category: 자료 - 웹개발, Reactions: 0, Views: 38,948, Author: 파이어준
-
Prototype 분석 - Prototype오브젝트
이것 자체의 기능은 별 일 없습니다만, 보아서 익숙하지 않으면 무엇을 하고 있는지 이해하기 어렵습니다.이 기법에는 몇개의 전제가 있습니다. 배열(커스텀 오브젝트) 기법 이하의 3개는 거의 같은 의미입니다....
Category: 자료 - 웹개발, Reactions: 0, Views: 15,129, Author: 파이어준
-
Prototype 분석 - Class오브젝트
create 메서드는, 자오브젝트의 initialize 메서드를 호출하는 무명함수를 반환합니다.즉, 이하의 2개는 같은 의미입니다. initialize 메서드는 개별적으로 추가할 필요가 있습니다.구체적으로는 이하와 같이 합니다. 이...
Category: 자료 - 웹개발, Reactions: 0, Views: 15,450, Author: 파이어준
-
Prototype 분석 - Object 클래스 확장
기존의 Object 클래스에 메서드를 2개 추가하고 있습니다. extend 메서드 제2인수의 오브젝트의 프롭퍼티 모든 것을, 제일 인수의 오브젝트에 추가 또는 덧쓰기해, 그것을 반환하고 있습니다. prototype.js에서는 클래스...
Category: 자료 - 웹개발, Reactions: 0, Views: 14,541, Author: 파이어준
-
Prototype 분석 - Function 클래스 확장
기존의 Function 클래스에 메서드를 두 개 추가하고 있습니다.prototype 프롭퍼티에의 추가이므로,인스턴스인 모든함수로 사용 가능해집니다. bind 메서드 this는 자오브젝트, 즉Function 클래스의 인스턴스인 함수*1입니...
Category: 자료 - 웹개발, Reactions: 0, Views: 13,260, Author: 파이어준
-
Prototype 분석 - PeriodicalExecuter 클래스
전형적인prototype.js의 클래스 작성 방법에 의해 기술되고 있습니다. Class.create 메서드로constructor함수를 작성해,prototype 프롭퍼티에 initialize 메서드와 다른 메서드를 추가하고 있습니다. 사용 방법은 함수와 실행 간...
Category: 자료 - 웹개발, Reactions: 0, Views: 11,489, Author: 파이어준
-
Prototype 분석 - Try.these 메서드
Try오브젝트에these 메서드가 하나 뿐입니다.복수의함수를인수로서 지정하면(자), 성공할 때까지 실행을 반복해, 성공한 함수의반환값을 반환합니다. returnValue = lambda();로 에러가 발생하면(자), break 하지 않고 catch...
Category: 자료 - 웹개발, Reactions: 0, Views: 11,264, Author: 파이어준
-
Prototype 분석 - String 클래스
기존 String 클래스에 메서드를 추가하고 있습니다. stripTags 메서드 태그를 없애는, 이군요. 이정규 표현이라면 올바르게 태그를 없앨 수 없는 경우가 있습니다. 아마 이것으로 갈 수 있다고 생각합니다만.아무튼,...
Category: 자료 - 웹개발, Reactions: 0, Views: 12,806, Author: 파이어준
-
Prototype 분석 - Enumerable 클래스
prototype.js해독의 절정의 하나입니다. Enumerable 클래스, 라고 표현하고 있습니다만, 이것 자체의인스턴스는 작성될 것은 없습니다.(원래, function는 아니기 때문에 작성할 수 없습니다만) 이 클래스는 다른 열거 가능...
Category: 자료 - 웹개발, Reactions: 0, Views: 11,172, Author: 파이어준
-
Prototype 분석 - $A함수 Array 클래스
$A함수는 Array.from로서도 사용할 수 있습니다.인수 iterable 가null라면 요소 없음의 배열을 반환합니다.iterable에 toArray 메서드가 있으면 그 결과를 반환합니다.그 이외의 경우, iterable의 인덱스 0~length-1의 요소의 값을...
Category: 자료 - 웹개발, Reactions: 0, Views: 13,085, Author: 파이어준
-
Prototype 분석 - $H함수 Hash 클래스
하늘의 오브젝트에, 인수 object(null의 경우는 하늘 오브젝트)를 계승시키고 있습니다.이것에 의해 인수 object의 복제를 얻습니다.이것에 Enumerable 클래스와 Hash 클래스를 계승시켜, 반환합니다. 복수의 클래스를 「...
Category: 자료 - 웹개발, Reactions: 0, Views: 14,018, Author: 파이어준
-
Prototype 분석 - $R함수 ObjectRange 클래스
정수의 수치 범위를 나타내는오브젝트입니다. $R함수는 전술 ObjectRange 클래스의 오브젝트를 작성, 반환합니다. Class.create()로 클래스를 작성해, Enumerable 클래스를 계승 후, initialize 메서드 및 다른 메서드를 추가하...
Category: 자료 - 웹개발, Reactions: 0, Views: 11,322, Author: 파이어준
-
Prototype 분석 - Ajax.PeriodicalUpdater
Ajax.PeriodicalUpdater 클래스 Ajax.PeriodicalUpdater 클래스는 정기적으로 데이터를 수신해 표시하기 위한 클래스입니다.Ajax.Base 클래스를 계승하고 있습니다.Ajax.Updater 클래스는 계승하고 있었습니다만,인스턴스 생성시의...
Category: 자료 - 웹개발, Reactions: 0, Views: 14,024, Author: 파이어준
-
Prototype 분석 - $함수와 Element 취득
$함수 「ECMA-262 3rd Edition 7.6 식별자」에 의하면 「달러 기호는 기계적으로 생성되는 코드중만의 사용이 의도된다.」라는 일입니다.프로그래머가 식별자에$를 사용하는 것은 상관없지만, 불규칙이야, 라고 하겠지...
Category: 자료 - 웹개발, Reactions: 0, Views: 12,789, Author: 파이어준
-
Prototype 프레임웍 업데이트 소식
자바스크립트 프레임웍 라이브러리인 프로토타입(Prototype)의 업데이트 소식이 있습니다. 이 것은 Sam씨가 개발 중에 있는 CHANGELOG를 토대로 대충 살표본 것이기 때문에 아직 배포된 상황은 아니라고 합니다. 이전 버...
Category: 자료 - 웹개발, Reactions: 8, Views: 25,716, Author: 파이어준
-
앱테나(Aptana) IDE 유저노트
앱테나(Aptana) IDE는 최근에 많은 개선이 이루어지면서 한글환경에서도 많이 안정된 모습이다. Eclipse 또는 Eclipse 기반의 IDE를 접한 경험이 있다면 쉽게 적응할 수 있겠지만 그렇지 않은 유저는 매우 낯설다. 그동안...
Category: 정보 - S/W, Reactions: 7, Views: 52,984, Author: 파이어준
-
Aptana IDE - 업데이트 0.2.4.10583
일전에 소개한 바 있는 강력한 웹 저작도구 '앱테나(Aptana)'가 .31버전에 이어 몇가지 기능을 추가하고 잡스러운 수많은 버그들을 수정한 엡타나 .4가 릴리즈 되었습니다. 주요 내용은 HTML, CSS, JavaScript 및 XML파...
Category: 정보 - S/W, Reactions: 0, Views: 34,149, Author: 파이어준
-
구찌(Gucci) 플래시 버리고 Ajax로
플래시가 남발하던 패션업계 홈페이지에도 Ajax바람이 거세게 몰아칠 전망이다. 패션 명품 브랜드 '구찌'는 최근 사이트(쇼핑몰)에 과감히 Ajax를 도입하여 리뉴얼했다. 제작을 맡은 'wollzelle Media Design'은 플래시 못...
Category: 정보 - 웹2.0, Reactions: 6, Views: 56,241, Author: 파이어준
-
Ajax로 중무장한 야후!포토 Relaunched
Yahoo!(닷컴)은 자사의 서비스중 하나인 야후!포토를 Ajax로 중무장하여 다시 선보였다. 사용된 Ajax기술들은 싱글/멀티 셀렉션, 드래그 앤 드롭, 단축키, 인플레이스 에디터, 라이트박스 유저 팁스, 프로그레시브 로...
Category: 정보 - 웹2.0, Reactions: 0, Views: 36,186, Author: 파이어준
-
Script.aculo.us 1.6.2 릴리즈드
Script.aculo.us 1.6.2가 릴리즈 되었습니다. 이번 업데이트는 기능 추가없이 주로 버그픽스가 이루어졌습니다. draggable의 논리 문제, slider handle이 출력되지 않는 문제, Effect.Move 효과중에 엘리먼트가 튀는 문제 등이 수...
Category: 자료 - 웹개발, Reactions: 0, Views: 25,108, Author: 파이어준
-
비-프로그래머를 위한 AJAX 구현 - LaCo
Spotty 블로그는 비-프로그래머를 위한 AJAX 기능추가 툴킷인 LaCo를 공개하였다. 자바스크립트를 잘 모르는 사용자를 위해 Ajax를 손쉽게 다루는 방법을 제시한다. <A> 또는 <DIV> 태그에 임의의 애트리뷰트(attribute...
Category: 자료 - 웹개발, Reactions: 1, Views: 30,018, Author: 파이어준
-
검색엔진 키워드 하이라이트
자바스크립트로 만들어진 검색엔진 키워드 하이라트입니다. UTF-8 유니코드를 지원하는 검색엔진에서 링크되어 온 경우 방문객이 키워드를 알아보기 쉽도록 리퍼러를 분석하여 하이라이트(강조)합니다. 외국 사이...
Category: 자료 - 웹개발, Reactions: 2, Views: 55,989, Author: 파이어준
-
초강력 웹 IDE - Aptana Beta
Aptana IDE는 UI커스터마이징이 강력한 Eclipse를 기반으로 제작된 웹 저작도구입니다. 스크린케스트를 통해 여러가지 특징들을 보여주고 있는데요. 한마디로 프론트엔드 프로그래머에게 특화된 개발도구입니다. 저...
Category: 정보 - S/W, Reactions: 9, Views: 40,481, Author: 파이어준
-
자바스크립트(Prototype) 코드 스피드 벤치마킹
그동안 Prototype 자바스크립트 프레임웍의 사용법을 익히느라 필요이상으로 무리하게 사용해 왔습니다. 간단하게 크로스-브라우저가 보장되며 코드를 아름답게(?) 만들 수 있다는 장점 때문이였는데요. 개발하기 ...
Category: 자료 - 웹개발, Reactions: 14, Views: 60,527, Author: 파이어준
-
자바스크립트 신병 훈련소 자습서
Amy Hoy가 작성한 자바스크립트의 기초 자습서입니다. 자바스크립트 파일과 PDF파일(3MB)포멧으로 제공하고 있습니다. 코드를 작성하는데 있어서 간과하는 부분은 없는지 한번즘 자습해 봅시다. 이것은 자바스크립트...
Category: 자료 - 웹개발, Reactions: 4, Views: 40,439, Author: 파이어준
-
Ajax 도입한 테크노라티의 리뉴얼
태그를 중심으로 블로그 전문 검색서비스를 제공하는 테크노라티(Technorati)가 Ajax로 무장하여 리뉴얼했다. 사인인에 모션도 들어가 있네.. 그런데 어째 이전 것이 더 좋아보인다. 별로라고 테크노라티~.
Category: 정보 - 웹2.0, Reactions: 1, Views: 28,848, Author: 파이어준
-
자바스크립트로 마우스 휠 제어하기
최근 Ajax의 활용범위가 확대되면서 슬라이더, 드래그앤 드롭, 소트에이블, 백그라운드 업로더, 드래그 선택영역, 오토 컴플리케이션 등 부수적인 웹 인터페이스가 자바스크립트로 속속들이 구현되고 있다. 마우스...
Category: 자료 - 웹개발, Reactions: 0, Views: 49,300, Author: 파이어준
-
겁나게 쉬운 자바스크립트 사운드 API
Javascript Sound Kit은 플래시8의 사운드 오브젝트 액션스크립트를 이용하여 자바스크립트에서 사운드를 제어할 수 있도록해주는 사운드 API이다. 이것을 이용하면 자바스크립트 이벤트 또는 Ajax 이벤트에 사운드를 효...
Category: 자료 - 웹개발, Reactions: 0, Views: 50,216, Author: 파이어준
-
이미지 로딩 프로그레스-바
이 곳의 상단에 적용되어 있는 프로그레스 바입니다. 자바스크립트의 양이 많이지면서 CPU의 처리과정이 다소 길어짐에 따라 진행상황을 시각적으로 표시하기 위해 만들어 보았습니다. 이 처리과정 중에서도 아래...
Category: 자료 - 웹개발, Reactions: 0, Views: 38,144, Author: 파이어준
-
자바스크립트로 구현한 웹페인터 - 구글 페인트
구글은 온라인상에서 별다른 플러그인 설치 없이 바로 사용할 수 있는 드로잉 툴인 구글 페인트을 선보였다. 파일메뉴와 툴바, 컬러피커 그리고 캔버스로 구성되어있다. 오에카기의 자바스크립트 버전이란 느낌...
Category: 정보 - 웹2.0, Reactions: 12, Views: 66,207, Author: 파이어준
-
블로그 메타사이트의 태그링크 자바스크립트 버전
올초에 PHP로 만들어 공개했던 태그에 블로그 메타 사이트의 태그링크 달기의 자바스크립트 버전입니다. 요즘은 서버측 리소스 낭비를 조금이라도 덜기위해 PHP로 구현해 놓았던 것 중 자바스크립트로 가능한 것들...
Category: 자료 - 웹개발, Reactions: 3, Views: 45,387, Author: 파이어준
-
사이트링크의 썸네일 이미지 팝업
사이트의 썸네일 이미지(미리보기 이미지)를 생성해주는 엔진을 이용한 링크의 썸네일 팝업 스크립트입니다. 외부로 링크되는 곳의 사이트 모양을 미리 볼 수 있어 여럼으로 편리합니다. 지정한 영역에 해당하는...
Category: 자료 - 웹개발, Reactions: 4, Views: 39,504, Author: 파이어준
-
마우스오버 타임아웃 다이나믹 컨텐츠
새로 리뉴얼된 야후의 탑 라이트 박스에서 아이디어를 얻어 마우스오버, 아웃에 타임아웃을 적용하여 뚝딱 만들어 본 컨텐츠 쇼/하이드 자바스크립트입니다. Prototype과 Scriptaculous 라이브러리가 사용되었습니다. ...
Category: 자료 - 웹개발, Reactions: 0, Views: 26,351, Author: 파이어준
-
Ajax 반영된 야후!의 시작페이지
야후는 그동안 준비중이던 새로운 시작페이지를 전격 반영했습니다. 미국야후 뿐만아니라 한국야후의 시작페이지도 동시에 바뀐 것을 보니 대규모 리뉴얼인듯 합니다. 무엇보다도 종전과 다른점은 컨텐츠의 전...
Category: 정보 - 웹2.0, Reactions: 0, Views: 31,589, Author: 파이어준
-
야후! UI 라이브러리 - 회전목마 컴포넌트
야후의 Bill Scott은 야후! UI 라이브러리에 추가할 수 있는 Carousel Component(회전목마 컴포넌트)를 공개했다. Static HTML, DTHML, Ajax 로 구축된 환경에서 가로, 세로구성 및 애니메이션, 슬라이드쇼, 스크롤링 등 여러방식으...
Category: 자료 - 웹개발, Reactions: 0, Views: 45,031, Author: 파이어준
-
어도비의 Spry Ajax framework
어도비는 Spry Ajax framework을 릴리즈하고 베타 테스트를 시행한다. 이 프레임웍은 XML데이터를 사용하는데 있어서 최소한의 HTML, CSS 그리고 자바스크립트를 사용하여 가능하게 한다. 어도비랩은 XML파일을 다루는 예...
Category: 자료 - 웹개발, Reactions: 1, Views: 41,800, Author: 파이어준
-
Ajax 활동 알리미 예제
Ian Selby는 Prototype과 Scriptaculous를 이용한 에이젝스 활동 알리미(Ajax Activity Indicators)에 대한 문제점을 지적하고 자신이 개발한 사용법을 공개하였다. XMLHttpRequest들의 완료시점이 어정쩡한 프로토타입의 onComplete 옵션...
Category: 자료 - 웹개발, Reactions: 0, Views: 36,973, Author: 파이어준
-
Ajax가 도입된 SIMILE의 자바스크립트 타임라인
SIMILE의 타임라인은 순수 자바스크립트만으로 드래그와 클리커블을 이용한 좋은 예이다. XML로 작성된 데이터를 수신하여 타임라인 그래프를 그려준다. 가로로 드래그되는 그래프는 내용보기와 미리보기를 동시에...
Category: 자료 - 웹개발, Reactions: 0, Views: 30,734, Author: 파이어준
-
비율고정 임의값 리사이즈 함수
// Fix ratio resize function // Developer: 파이어준(FireJune) URL (http://firejune.com) function getResize(w, h){ var toWidth = 800; // 가로의 리사이즈 최대값 입력 var toHeight = 500; // 세로의 리사이즈 최대값 입력 if(w > toWidth) { h = (toWidth...
Category: 자료 - 웹개발, Reactions: 0, Views: 13,924, Author: 파이어준
-
자바스크립트로 댓글에 패비콘 표시하기
태터툴즈 1.0.x에는 방명록 또는 댓글 등에 패비콘을 표시하는 플러그인이 있다. 이 플러그인과 동일한 기능을 가진 자바스크립트 버전을 만들어 보았다. IE 및 파이어폭스 등에서 작동하며, 서버측 리소스를 차지...
Category: 자료 - 웹개발, Reactions: 3, Views: 31,662, Author: 파이어준
-
Ajax 디렉토리 매니저 - Relay
Chris Iufer는 Ajax 디렉토리 메니저인, Relay라는 오픈소스를 배포하였다. Relay는 제목에서도 알 수 있듯이 데스크탑과 흡사한 파일 관리환경을 웹에서도 제공한다. 파일과 폴더의 드래그앤드롭, 다이내믹한 파일구조...
Category: 정보 - 웹2.0, Reactions: 12, Views: 55,618, Author: 파이어준
-
Prototype의 $$ 선택자 속도 높이기
Sylvain Zimmer는 자신의 블로그에 Speeding up Prototype $$ Selector 라는 글을 썼다. 이 글의 내용은 Prototype의 다중선택 함수인 $$함수의 작동속도를 20 times 빠르게 하는 방법을 소개하고 있다. DOM 전역에 걸쳐 $$ 선택자 함수...
Category: 자료 - 웹개발, Reactions: 0, Views: 27,894, Author: 파이어준
-
웹 포토샵 - Cellsea Editor
Cellsea Editor는 보다 전문적인 도구로 무장한 온라인 이미지 편집기로써 Ajax기술을 도입하여 웹에서 포토샵 수준의 편집을 가능케한다. 명도, 채도, 대비, 크롭, 리사이즈 정도의 기본기능에 머물던 웹 편집기능을 ...
Category: 정보 - 웹2.0, Reactions: 2, Views: 44,582, Author: 파이어준
-
Scriptaculous 데이터그리드
Finetooth는 Prototype 기반 Scriptaculous 라이브러리, 그리고 PHP를 사용하여 구현한 데이터그리드(버전 0.3)의 소스를 공개했다. 온라인 테스트에서 확인할 수 있다. 항목별 오름차순/내림차순 정렬을 할 수 있고, 각 탭의...
Category: 자료 - 웹개발, Reactions: 2, Views: 36,362, Author: 파이어준
-
Ajax 파일 업로드 프로그레스 바
FineTooth의 Christopher Bottaro는 파이썬 CGI와 Ajax Prototype, JSON을 이용하여 놀라운 파일 업로드 프로그레스바 구현방법을 공개했다. 전체 파일 수, 파일이름, 프로그레스바, 전송속도, 남은시간까지 파일 업로드 진행상황...
Category: 자료 - 웹개발, Reactions: 2, Views: 44,577, Author: 파이어준
-
또 다른 자바스크립트 윈도우, LITBox
LITBox는 브라우저의 팝업창 또는 알림창을 대체하는 Prototype class 기반 Scriptaculous 라이브러리를 사용하는 자바스크립트이다. 이것과 비슷한 것으로 Prototypte Window Class가 있다. Prototypte Window Class처럼 다양한 형태를...
Category: 자료 - 웹개발, Reactions: 0, Views: 33,881, Author: 파이어준
-
생일 축하해 script.aculo.us!
1 script.aculo.us가 6월 22일부로 한살이 되었습니다. 지금까지 약 백만 다운로드를 기록하였고(Ruby on Rails 포함) del.icio.us의 인기 사이트에 4위를 차지하는 등의 성과를 거두고 있습니다. Scriptaculous 프레임웍은 저에게...
Category: 자료 - 웹개발, Reactions: 0, Views: 22,712, Author: 파이어준
-
구글 피카사, 웹앨범 서비스도 죽여주시는군요
오늘부터 피카사 웹앨범 서비스의 오픈 테스트가 진행됩니다. 피카사-웹앨범은 데스트탑용 사진관리 소프트웨어인 피카사와 연동되는 웹 어플리케이션입니다. 물론, 이와 함께 공개된 새로운 버전의 피카사를 다...
Category: 정보 - 웹2.0, Reactions: 18, Views: 52,805, Author: 파이어준
-
script.aculo.us 응용 - 이미지 리플랙터
우리는 멋진 이미지 효과메 항상 목말라한다. 그쵸? wollzelle에서 공개한 리플랙션(반사효과)효과는 script.aculo.us의 build.js를 이용하여 가능하게 한다. 투명도를 기반으로 드로잉 되기 때문에 배경색 또는 배경 이미...
Category: 자료 - 웹개발, Reactions: 3, Views: 35,905, Author: 파이어준
-
작살나는 자바스크립트 UI툴킷 - UIZE
UIZE는 자바스크립트를 사용한 비주얼이펙트를 동반한 다양한 API를 제공한다. 특히 플래시 뺨치는 이미지 전환효과(Wipe Presets)와 오버레이의 마스크를 공식으로 지원한다. Color Cube With Color Pickers는 가히 소프트웨어...
Category: 자료 - 웹개발, Reactions: 0, Views: 40,019, Author: 파이어준
-
Prototype 중급 - Form의 심플한 Ajax 전송
Form을 이용하여 서버에 자료전송할 때 Ajax를 통해서 필요한 자료만 서버에 보내세요. 빠르고 다이네믹한 웹을 구현해 줄 것입니다. 이 곳에는 프로토타입 자바스크립트 라이브러리(Prototype JavaScript Library를 사용하...
Category: 자료 - 웹개발, Reactions: 16, Views: 55,463, Author: 파이어준
-
1차 블로그 업데이트를 마칩니다.
짧은기간 안에 만족할 정도로 목표가 달성되어서 1차 업데이트의 막을 내립니다. 종전과 달라진 부분은 방문객의 사용빈도가 낮은 사이드 컨텐츠와 전광판을 제거하였습니다. 이번 업데이트는 대부분 기반 작업...
Category: 정보 - 웹2.0, Reactions: 1, Views: 32,327, Author: 파이어준
-
PHP에서 FTP함수의 종류와 사용법
1. ftp_connect : FTP서버에 연결한다. 2. ftp_login : 계정과 패스워드로 서버에 접근한다. 3. ftp_pwd : 현재 디렉토리 값을 리턴한다. 4. ftp_cdup : 가장 상위 디렉토리로 이동 5. ftp_chdir : FTP 디렉토리의 변경 6. ftp_mkdir ...
Category: 자료 - 웹개발, Reactions: 1, Views: 41,882, Author: 파이어준
-
Ajax가 도입된 아이콘 검색 - IconDB
아이콘을 찾아주는 서비스 보다 IconDB의 인터페이스가 경이롭다. 컨텐츠의 탭브라우징과 슬라이딩 네비게이션, 그리고 시작페이지의 윈도들은 마치 하나의 브라우저처럼 느껴지게 만든다. 특히, 어떠한 자바스크...
Category: 정보 - 웹2.0, Reactions: 2, Views: 28,804, Author: 파이어준
-
Ajax 멀티플레이 게임 - Battleship
속도가 너무 느려서 즐기지는 못했지만, 멋집니다. 얼핏보기에는 보드게임처럼 보이는데요. 게임중 상대방과 채팅도 합니다. Prototype과 Script.aculo.us의 라이브러리가 사용되었으며. Sébastien Gruhier의 자바 윈도를 적...
Category: 정보 - 웹2.0, Reactions: 2, Views: 38,137, Author: 파이어준
-
실시간 버튼 생성기 - Buttonator.com
Buttonator에서 드래그 앤 드롭으로 버튼을 생성해 보아요..
Category: 정보 - 웹2.0, Reactions: 0, Views: 28,380, Author: 파이어준
-
또다른 온라인 디지털 자산관리 - celum IMAGINE
celum IMAGINE은 오스트리아에 있는 회사에서 만든 온라인 소프트웨어이다. 그림, 사진, 여러가지 문서와 같은 디지털 문서를 처리하고, 가공하고, 배부하는 것을 통합할 필요가 있는 회사에 제공하기 위한 솔루션이...
Category: 정보 - 웹2.0, Reactions: 0, Views: 31,084, Author: 파이어준
-
Rails의 모델/뷰/컨트롤러(MVC) 아키텍쳐
"a태그를 a태그라 쓰지 못하고 img태그를 img태그라 쓰지 못하니, 심장이 터지고 애간장이 녹 내릴지라. 이 어찌 통한치 않으리오." ㅡ,.ㅡ; 모델- Model Rails 애플리케이션의 모델은 이 애플리케이션이 사용하...
Category: 일상 - 업무, Reactions: 3, Views: 32,818, Author: 파이어준
-
Ruby On Rails 소개
'올라로그'의 웹프로그램은 Ruby On Rails입니다. 프로토타입 프레임웍 라이브러리를 공부하면서 적잖게 눈에 밟힌 이름입니다. 프로토타입은 루비 프로젝트에서 파생된 프로젝트라더군요. 목이 쉬도록 열심히...
Category: 일상 - 업무, Reactions: 7, Views: 30,047, Author: 파이어준
-
FloatPhoto version 0.77a 로그
Fluxiom에 충격을 먹고 많은 부분을 뜯어고쳤습니다. 버전 0.6x 에서 0.7x까지 많은 변화가 있었어요. UI를 직관적이면서도 사용하기 편리한 구조로 전면 개편하였습니다. IE에서 overflow 구현하느라 한번 미칠뻔했지요...
Category: 자료 - 웹개발, Reactions: 9, Views: 44,365, Author: 파이어준
-
Prototype 고급 - 소팅 테이블
이 예제는 Prototype 자바스크립트 라이브러리(1.5.0_pre1)를 활용하여 테이블의 열을 정렬하는 것입니다. 헤더의 컬럼을 클릭하면 순차적으로 정열되는 것을 볼 수 있을 거에요. 저 또한 Enumerable.sortBy() 메서드를 실행...
Category: 자료 - 웹개발, Reactions: 4, Views: 25,495, Author: 파이어준
-
AjaxOS가 곧 옵니다.
모두 AJAX 함수로 기술한 오퍼레이팅 시스템입니다. ajaxOS가 흥분시키는 특징은 서버를 리모트하여 저장하는 능력과 함께 풀엑세스되는 파일 네비게이션입니다. 당신의 로컬 컴퓨터 하드디스크에 저장된 문서를 아...
Category: 정보 - 웹2.0, Reactions: 3, Views: 32,118, Author: 파이어준
-
올라웍스로 이직합니다.
웹에이전시 'D'모사에 입사하여 플래시 엑션스크립트 해 보겠다고 달려 든지도 3개월입니다. 저와는 코드가 잘 맞지 않는 스크립트로 느끼고 있던 중 웹2.0 벤처기업으로 잘 알려진 '올라웍스'사에서 웹...
Category: 일상 - 업무, Reactions: 16, Views: 61,050, Author: 파이어준
-
초경량 moo.fx가 사용된 갤러리 mooShow 1.0
What is mooShow ? | mooShow가 뭔고? mooShow는 초경량(superlightweight) moo.fx 자바스크립트 이펙트 라이브러리와 prototype.js기반의 심플한 슬라이드 쇼 자바스크립트/CSS 요. LightBox와 couloir.org에서 영감을 받고 나는 유사한 창조...
Category: 자료 - 웹개발, Reactions: 0, Views: 31,036, Author: 파이어준
-
온라인 디지털 자산관리 - Fluxiom 리뷰
Fluxiom의 사용자 인터페이스는 눈이 매우 즐겁다. 다량의 파일유형을 아이콘 과 썸네일 형태를 가진 목록으로 일목요연하게 보여준다. 각 파일을 선택할 수 있고 드래그 상자로 여러개의 파일을 선택할 수도 있다...
Category: 정보 - 웹2.0, Reactions: 0, Views: 39,218, Author: 파이어준
-
Ajax가 도입된 온라인 이미지 편집 - Pixoh
Treefly Inc는 Ajax를 사용하여 온라인상에서 이미지를 실시간으로 편집 할 수 있는Pixoh를 개발했다. Pixoh는 앞으로 래드아이 픽스, 밝기와 대비 조정 팔레트, 이메일 전달기능 등을 추가할 예정이다. 지금 구현된 기능...
Category: 정보 - 웹2.0, Reactions: 4, Views: 33,109, Author: 파이어준
-
Overview of the Prototype Javascript Library
출처 : http://openframework.or.kr/JSPWiki/ 링크1 : prototype.js 를 위한 개발자 노트 링크2 : Prototype in script.aculo.us wiki.
Category: 자료 - 웹개발, Reactions: 2, Views: 37,188, Author: 파이어준
-
Script.aculo.us 중급 - Image Resizing Slider
이 글은 http://www.agilepartners.com/blog 에 의해 공개된 것입니다. Script.aculo.us의 slide.js가 담당하는 슬라이더 응용입니다. Fluxiom의 인트로 비디오에서 보았던 바로 그 효과입니다. 아래의 슬라이드 바를 조정해 보세요....
Category: 자료 - 웹개발, Reactions: 6, Views: 32,041, Author: 파이어준
-
Fluxiom Get Started! - 출시
Get started! Fluxiom은 웹2.0과 Ajax기반으로 제작된 디지털 미디어 자산(?)관리 웹어플리케이션입니다. Fluxiom을 개발한 wollzelle은 지난 19일부터 상용으로 풀어놓았습니다. Prototype기반 script.aculo.us를 프레임웍으로 사용...
Category: 정보 - 웹2.0, Reactions: 2, Views: 27,323, Author: 파이어준
-
Script.aculo.us 중급 - Drag And Drop
script.aculo.us에서 드래그 앤 드롭이 사용되는 목적은 크게 두가지입니다. 하나는 선택한 엘리먼트가 목적 엘리먼트로의 이동하는 것(Draggables & Droppables)이고 다른 하나는 선별되는 엘리먼트들의 목록(Sortable lists an...
Category: 자료 - 웹개발, Reactions: 3, Views: 41,738, Author: 파이어준
-
AJAX 활동 알리미(Activity Indicators)
http://www.napyfab.com/ajax-indicators/ 에서 제공하는 AJAX Activity Indicators 이미지들입니다. Prototype의 Ajax.Request 또는 Ajax.Updater 객체를 사용할 때 onLoading, onComplete 옵션으로 로딩 알리미를 사용할 수 있습니다. new Ajax.Updater...
Category: 자료 - 웹개발, Reactions: 6, Views: 49,628, Author: 파이어준
-
Scriptaculous Visual Effects 고급 - 응용
원하는 모션을 직접 만들어 쓰자! 지금부터 소개하는 것은 script.aculo.us에 있는 보물상자(?)의 내용입니다. 이것은 여러 사용자들이 응용한 모션 이펙트의 집합입니다. 그 중에는 매우 훌륭한 것들도 많이 있습니다...
Category: 자료 - 웹개발, Reactions: 2, Views: 33,991, Author: 파이어준
-
Prototype 중급 - Class Methods
Prototype JavaScript framework 에서 제공하는 엘리먼트와 이벤트의 클래스 메서드 입니다. Script.aculo.us는 Prototype의 여러 메서드를 사용자가 편하게 이용할 수 있도록 각종 모션효과들을 만들어 줍니다. 하지만, 애써 클래...
Category: 자료 - 웹개발, Reactions: 2, Views: 31,164, Author: 파이어준
-
FloatPhoto Version 0.64a 로그
스킨 유료화 프로젝트는 잠시 접어두고 Ajax 모션을 공부하면서 작업중인 디지털 사진관리를 위한 웹어플리케이션 '플롯포토'의 개발 로그입니다. 현재 버전은 알파 0.64입니다. 0.9x가 되는 시점에서 오픈베타...
Category: 자료 - 웹개발, Reactions: 8, Views: 47,966, Author: 파이어준
-
Script.aculo.us 초급 - Transitions Parameter
Visual effects에 생명을 불어넣자! Script.aculo.us의 Visual effects(Core Effects 와 Combination Effects)에는 여러 옵션을 부여할 수 있습니다. 그 중에서도 Core Effects 모션에서 중요하게 사용되는 변이(Transition) 옵션에 대하여 알아...
Category: 자료 - 웹개발, Reactions: 0, Views: 28,138, Author: 파이어준
-
Script.aculo.us 기초 - Core Effects
Script.aculo.us의 Core Effects는 조금 더 복잡다양한 모션을 만들 수 있도록 합니다. 사실 Combination Effects는 단지 Core Effects들의 단순 조합일 뿐입니다. Effect.Opacity, Effect.Scale, Effect.MoveBy, Effect.Highlight 이 4가지 명령을 적절...
Category: 자료 - 웹개발, Reactions: 0, Views: 30,186, Author: 파이어준
-
Script.aculo.us 기초 - Combination Effects
Script.aculo.us에서 지원하는 조합된 비주얼 이펙트(Combination Effects) 목록입니다. 이것은 Core Effects가 하나이상 조합되어 파생된 것들입니다. 지속시간(duration)과 변이(transition) 등을 옵션으로 사용할 수 있습니다. 특히...
Category: 자료 - 웹개발, Reactions: 2, Views: 33,340, Author: 파이어준
-
Flash without Flash(플래시 아닌 플래시)
최근 심도있는 Ajax모션 포트폴리오를 생산하고 있는 wollzelle Media Design und Webservices GmbH(이하 wollzelle)에서 제작한 포트폴리오 사이트입니다. 일단 christofwagner를 방문해 보세요. Prototype JavaScript framework, version 1.4.0기반...
Category: 자료 - 웹개발, Reactions: 8, Views: 43,728, Author: 파이어준
-
script.aculo.us Version 1.6.1 업데이트
Ajax Prototype의 1.5 프레임웍 기반으로 돌아가는 비주얼 이펙트 script.aculo.us가 1.6.1로 업데이트 되었습니다. 아래는 업데이트 내용입니다. 대충 내용을 보면 웹 표준을 준수하는 코드를 사용하였으며, Web 2.0 기술로 ...
Category: 자료 - 웹개발, Reactions: 10, Views: 27,777, Author: 파이어준
-
요즘 만들고 있는 웹갤러리 - FloatPhoto
짬짬이 작업하고 있는 웹갤러리 'FloatPhoto'입니다. 디지털 SLR 카메라가 생긴 후 주변인들에게 사진을 전달하는 용도로 이곳 저곳에서 긁어모은 함수들로 뚝딱 만든 것이었지만, 계속해서 만지다 보니 지금은...
Category: 정보 - 웹2.0, Reactions: 27, Views: 48,840, Author: 파이어준
-
호스팅 서버 과부하 원인파악
사고 발생 후 그 원인을 파악하기로 하였습니다. 호스트의 CPU 사용률을 확인할 수 없는 관계로 페이지 로딩속도를 근거로 측정하였습니다. 페이지 토탈 익스큐티드 타임이 3, 4초가 나오는 것을 확인하고 다른 곳...
Category: 정보 - 웹2.0, Reactions: 6, Views: 42,959, Author: 파이어준
-
초경량 자바스크립트 이펙트 라이브러리 moo.fx
moo.fx에는 아래와 같은 소개말이 있습니다. moo.fx는 prototype.js사용하면서도 크기가 매우작은 자바스크립트 비주얼 이펙트 라이브러리입니다. 불여우, 사파리, IE 등 여러가지 브라우저(오페라 브라우저는 작업중)를...
Category: 자료 - 웹개발, Reactions: 8, Views: 31,926, Author: 파이어준
-
AJAX Support - Rico 1.1.2 Demo
Rico AJAX Support의 JavaScript Library 1.1.2 Demo입니다. 썩 화려한 효과는 못되지만, 비교적 응용이 쉬운편이며 드로잉 속도가 매우 빠르다는 장점이 있습니다. 특이할 만한점은 특정 DIV 구역을 스크립트 만으로 라운드 처...
Category: 자료 - 웹개발, Reactions: 1, Views: 38,290, Author: 파이어준
-
Yahoo! Ajax UI - Design Pattern Library
야후에서 제공하는 Ajax 기반의 디자인 페턴 라이브러리(Yahoo! Ajax UI Design Pattern Library)입니다. 드래그 앤 드롭 예제(Drag and Drop - Slider Widgets) 중 '컬러피커'를 자바스크립트 구현한 것입니다. 로드 하는 스크립...
Category: 자료 - 웹개발, Reactions: 0, Views: 36,309, Author: 파이어준
-
Effect.Queue를 이용한 Ajax 애니메이션 실습
railsdevelopment에서 소개하는 Effect.Queue 사용법을 응용하여 DIV 박스를 이용해 페이지 로딩을 마침과 동시에 진행되는 간단한 애니메이션을 만들어 보았습니다. Queue를 이용하면 순차적으로 진행되는 애니메이션을 제...
Category: 자료 - 웹개발, Reactions: 0, Views: 37,365, Author: 파이어준
-
Drag and Drop AJAX Shopping Cart 실습
http://demo.script.aculo.us/shop 의 소스를 응용하여 PHP와 연동되는 쇼핑카트 실습을 해 보았습니다. 카트의 정보는 쿠키에 저장됩니다. 태터툴즈에 응용하면 재미있는 것을 많이 만들수 있겠어요. 예를 들어 포스트 카트...
Category: 자료 - 웹개발, Reactions: 28, Views: 50,822, Author: 파이어준
-
Ajax Visual Effects - script.aculo.us v1.5.3
script.aculo.us에서 제공하는 Prototype JavaScript Framework library를 이용한 Ajax 비주얼 이펙트입니다. 멋지군요. 응용가능한 부분부터 태터툴즈 클래식에 붙여 보아야겠습니다. ※ 이 페이지는 RSS리더기에서 비정상으로 보...
Category: 자료 - 웹개발, Reactions: 17, Views: 37,087, Author: 파이어준
-
W3C, CSS 유효성검사 통과(Valid CSS)
작업하면서 알아낸 CSS 권장 사용법을 정리해 보았습니다. 폰트관련 코드는 항상 font-family, font-size, line-height:를 사용하여 글꼴을 관리하였는데 font:를 사용하니 매우 간결하고 사용도 간편하군요. IE전용 filter: 및 ...
Category: 자료 - 웹개발, Reactions: 2, Views: 40,881, Author: 파이어준
-
WC3 웹표준에 따른 HTML 코드 표기규칙
이거 완전 대공사로군요. 아래에 지정한 표기규칙에 따라 태터툴즈를 손보았고, 기존에 입력했던 글, 댓글, 트랙백, 키워드 부분에 찾아 바꿔치기(Search and Replace) 가능한 부분은 모두 시도하였지만, <font>태그를...
Category: 정보 - 웹2.0, Reactions: 17, Views: 34,555, Author: 파이어준
-
클래식, W3C 유효성검사 통과 (Valid HTML4.01)
스킨작업을 하면서 웹 표준을 지키는 코딩에 도전하게 되었습니다. 그리고 스킨만으로는 웹표준을 준수할수 없는 것을 알게 되었고, 태터툴즈 클래식의 웹 표준에 반하는 코드도 모두 뜯어고쳐 W3C의 표준 유효성...
Category: 정보 - 웹2.0, Reactions: 25, Views: 58,618, Author: 파이어준
-
Irregular Skin for TatterTools Classic
태터툴즈 클래식 1.0 OR에서 사용할 수 있는 스킨입니다.(태터툴즈 1.0.1 OR용 스킨은 추후 배포) '이레귤러'스킨은 '터치' 스킨과 마찬가지로 변화와 단순함 그리고 독특함에 초점을 두고 제작되었습니다. 특징은 디...
Category: 자료 - 스킨, Reactions: 16, Views: 62,992, Author: 파이어준
-
태터툴즈에 Lightbox Plus 적용
미루님의 『태터툴즈에 lightbox를 적용해보자!』에 엮인글 Lightbox는 태터툴즈의 이미지 뷰어인 image_pop.php를 대체하는 것으로 팝업창 대신 메인화면을 이용하여 이미지를 예쁘게(?) 보여주는 역할을 합니다. 좌측...
Category: 정보 - 웹2.0, Reactions: 9, Views: 46,332, Author: 파이어준
-
HTML 4.01 표준 태그 목록
No Description
Category: 자료 - 웹개발, Reactions: 1, Views: 66,238, Author: 파이어준
-
Touch Skin for TetterTools Classic1 RC3
UTF-8 기반의 태터툴즈 클래식 1.0 RC3에서 사용할 수 있는 스킨입니다. 1.0 정식이 릴리즈되기를 기다리다가 업데이트가 늦어지는 감이있어 일단 RC3용 스킨을 배포합니다. '터치'스킨은 변화와 심플함 그리고 ...
Category: 자료 - 스킨, Reactions: 8, Views: 43,579, Author: 파이어준
-
list-style-type Property
No Description
Category: 자료 - 웹개발, Reactions: 0, Views: 40,307, Author: 파이어준
-
클래식 갤러리 - 버그수정 및 기능확장
태터툴즈 클래식 RC3의 갤러리는 자잘한 버그가 있다. 두 번째 장부터 캡션이 없어도 공백이 밀리는 현상과, 메인페이지에 갤러리가 한건 이상 있는 경우 이미지 크기가 자동으로 변해 버리는 오류가 그것이다. 버...
Category: 자료 - 블로그, Reactions: 23, Views: 44,548, Author: 파이어준
-
클래식 검색관련 '만료된 페이지' 오류수정
며칠밤을 삽질한 끝에 버그를 잡았습니다. 태터툴즈 클래식 1.0 RC3 - 버그 리포트에서 나름대로 정리한 내용 중에 유독 이 문제만을 해결하지 못하고 있었지만, 이제 완벽해 졌군요. 처음에는 오피셜처럼, URL에 한...
Category: 자료 - 블로그, Reactions: 15, Views: 51,432, Author: 파이어준
-
클래식에 태그-전체보기 페이지 추가
※ 이것은 태터툴즈 클래식 RC3에서만 사용할 수 있는 방법이다. 알다시피 태그 클라우드 표현은 태터툴즈 오피셜에서 이미 구현된 기능이다. 환경이 허락하지 않아 설치하지 못하거나 필자처럼 클래식에 목을 ...
Category: 자료 - 블로그, Reactions: 16, Views: 58,115, Author: 파이어준
-
한줄로 보이는 메뉴형 카테고리 만들기
태터툴즈의 카테고리는 블로그의 내용을 일목요연하게 조회할 수 있도록 도와준다. 하지만 그 형태가 중첩폴더형 트리구조로 고정되어있어 스킨디자인을 할 때 걸림돌이 되는 경우가 종종 있다. 그래서 트리구조...
Category: 자료 - 블로그, Reactions: 0, Views: 47,582, Author: 파이어준
-
글 목록에 입히는 하이라이트
'PHP와 태터와 스킨, 그리고 업데이트'에서 언급했던 포스트에 입히는 하이라이트 구현방법을 공개한다. 이것은 태그 구름이 표시되는 것을 보고 아이디어를 얻어 태터툴즈의 글 목록에 적용한 것이다. 결과...
Category: 자료 - 블로그, Reactions: 5, Views: 31,651, Author: 파이어준
-
태그 클라우드 랜덤으로 뿌리기
태그 클라우드를 설치하신 분에 해당하는 내용입니다.Tattertools v1.0에서 구현되는 태그 목록처럼 랜덤으로 뿌리도록 수정하였습니다. 추가하신 코드중에 아래처럼 조건식을 rand()으로 변경해 보세요. 눈이 아주 즐...
Category: 자료 - 블로그, Reactions: 10, Views: 43,554, Author: 파이어준
-
PHP와 태터와 스킨, 그리고 업데이트
태터툴즈가 업데이트가 될 때마다 대공사를 치르는군요. 아주 손대는 김에 완전히 뜯어고치기로 작심하고 그동안 모아두었던 DHTML 스크립트들과 구현하고 싶었던 기능들을 이것저것 넣어 보느라, 태터툴즈와 함...
Category: 정보 - 웹2.0, Reactions: 14, Views: 36,036, Author: 파이어준
-
플러그인 : 전광판(한줄메모) 업데이트
한줄메모 플러그인 배포에 엮인글 전광판(한줄메모) 플러그인은 한줄짜리 텍스트를 예쁘게 롤링하며 표시해주는 태터툴즈용 플러그인이다. 복잡한 데이터베이스의 추가작업 없이 편하게 사용할 수 있는 것이 장...
Category: 자료 - 블로그, Reactions: 37, Views: 59,849, Author: 파이어준
-
리퍼러 목록에 주소를 한글로 표시하기
치리님의 "태터툴즈 클래식 리퍼러 검색어를 한눈에 알아보자"를 보고... 저또한 리퍼러를 자주확인하는 편이라 설치하였습니다. 더불어 로봇의 방문으로 판단되는 회색리퍼러는 표시되지 않도록 수정하...
Category: 자료 - 블로그, Reactions: 22, Views: 50,195, Author: 파이어준
-
키워드 목록에 검색창 달아 관리하기
태터툴즈 1.0 클래식이 배포되기 전 태터툴즈의 키워드기능은 사전이면서도 일종의 태그역할을 하였다. 개인적으로 태터의 키워드기능이 태그와 연동되길 바랬지만 독립적으로 구현된 지금의 키워드는 사실적으...
Category: 자료 - 블로그, Reactions: 9, Views: 38,184, Author: 파이어준
-
DHTML Window for TatterTools #활용
유난히도 팝업창을 싫어하는 사람들 중에 하나다. 사용자의 작업표시줄을 어지럽힐 뿐만 아니라, 스팸성 광고 또는 상업성 이벤트가 대부분이기 때문이다. 윈도XP 서비스팩2를 내 놓으면서 웹사이트의 팝업창을 ...
Category: 자료 - 블로그, Reactions: 0, Views: 37,140, Author: 파이어준
-
DHTML Window for TatterTools #적용
성공했습니다!!.
Category: 자료 - 블로그, Reactions: 5, Views: 30,606, Author: 파이어준
-
태터툴즈1.0 플러그인 『팝에디터』 배포
관리자 모드에 들어갈 필요 없이 스킨이 적용된 화면을 그대로 보면서 글을 작성할 수 있는 팝에디터는 태터툴즈 클래식에서 사용할 수 있는 플러그인이다. 한결 편리한 관리환경을 제공하는 것 외에도 이모티콘...
Category: 자료 - 블로그, Reactions: 28, Views: 69,105, Author: 파이어준
-
태터툴즈 1.0 RC3 - 태그 기능확장하기
태터툴즈 클래식 RC3에서 처음으로 도입된 태그기능이 아직은 미약해 보인다. kebie님의 태그클라우드 표시하기에 이어서 태그표시에 이어서 태터툴즈에 구석구석에 엮일 수 있도록 조금 더 파고 들어가 보자. 태그...
Category: 자료 - 블로그, Reactions: 20, Views: 44,029, Author: 파이어준
-
태터툴즈1.0 RC3 - 태그클라우드 표시하기
kebie님의' 태터툴즈에서 태그 구름 사용하기' 트랙백 태그목록 표시를 구현하기 위해 밤낮으로 삽질하던 중에 kebie님께 목말라하던 트랙백을 받았습니다. 태그기능을 거의 완벽하게 구현하셨더군요. 특히,...
Category: 자료 - 블로그, Reactions: 13, Views: 49,711, Author: 파이어준
-
태터툴즈 1.0RC3 - 개조 업데이트 #3
article_edit.php set_palette_plus // 입력기능 확장 emoticon_set // 이모티콘 사용기능 추가 make_thumnail // 썸네일 생성 스크립트 추가 perm_photo // 사진관련 포스트 선택 추가 cyworld_tt // 싸이월드 싱크 추가 setting_plugin.php// 플러...
Category: 자료 - 블로그, Reactions: 4, Views: 37,601, Author: 파이어준
-
태터툴즈1.0, MSN알리미 한글깨짐현상 복구
화니님이 개발한 'MSN Alert 태터툴즈 플러그인'은 태터툴즈에 댓글이나 방명록 또는 트랙백이 남겨진 경우 자신의 MSN메신저를 통하여 실시간으로 알려주는 플러그인이다. UTF-8기반으로 업데이트된 태터툴즈...
Category: 자료 - 블로그, Reactions: 7, Views: 64,474, Author: 파이어준
-
태터툴즈 1.0RC3 - 개조 업데이트 #2
article_edit_win.php // 팝업창에서 포스트편집 set_palette_plus // 입력기능 확장 emoticon_set // 이모티콘 사용기능 추가 make_thumnail // 썸네일 생성 스크립트 추가 perm_photo // 사진관련 포스트 선택 추가 cyworld_tt // 싸이월드 싱...
Category: 자료 - 블로그, Reactions: 10, Views: 37,090, Author: 파이어준
-
태터툴즈 1.0RC3 - 개조 업데이트 #1
index.php inc_plugin.php // 파이어준 플러그인 로드 msn_send // 방명록 실시간 MSN알리미 추가 login // index에서 로그인 추가 $p_title // 타이틀에 제목표시 수정 if($md == "photo") //포토 갤러리 추가 if($md == "polist"...
Category: 자료 - 블로그, Reactions: 4, Views: 38,985, Author: 파이어준
