-
파이어버그(Firebug) 1.0 베타 릴리즈
지난 17일 자바스크립트의 강력한 디버그툴인 파이어버그 1.0 베타가 릴리즈 됬습니다. 파이어버그는 파이어폭스의 플러그인 형태로 설치할 수 있는 애드온 애플리케이션입니다. 0.4.1에서 갑작스런 정식 릴리즈로...
Category: 정보 - S/W, Reactions: 8, Views: 58,659, Author: 파이어준
-
Ajax 도입한 올블로그 개편
새롭게 개편된 올블로그(v2.3)가 선보였습니다. 가장 큰 기술적인 변화는 .NET에서 PHP로의 전환, Ajax기법 도입 정도로 축약할 수 있겠습니다. dojo 자바스크립트 툴킷을 사용하고 있으며, 데이터를 json의 형태로 송/수...
Category: 정보 - 웹2.0, Reactions: 8, Views: 49,060, Author: 파이어준
-
Ajax 기반 웹사이트 구축에 필요한 UI 디자인
이번 프로젝트를 진행하면서 가장 답답했던 것은 Ajax 기반 웹사이트를 구축할 때 필요한 요소에 대해 이해하지 못하고 접근했다는 것이다. 보통 웹사이트에 비해 오히려 불편하거나 오해를 사는 요인이 증가했으...
Category: 정보 - 웹2.0, Reactions: 4, Views: 60,827, Author: 파이어준
-
올라로그 프리-베타서비스 시작합니다.
지난 12일 약 6개월간 열과 성을 다해 작업한 프로젝트가 드디어 세상에 얼굴을 디밀었습니다. 관심있는 분이라면 한번씩 둘러봐 주시고 사정없는 채찍질 부탁드립니다. 부분 Ajax가 남용에 가깝게 사용되고 있으며...
Category: 정보 - 웹2.0, Reactions: 41, Views: 118,685, Author: 파이어준
-
불꽃놀이 : 자바스크립트 애니메이션 실험
Ajaxian에 소개된 불꽃놀이(Javascript fireworks effect API)는 간단한 삼각법(trigonometry)과 수학을 사용해서 만든 자바스크립트 애니메이션이다. 이 실험의 목적은 브라우저의 성능 실험정도로 생각하면 되겠다. 그리고 이...
Category: 자료 - 웹개발, Reactions: 2, Views: 33,578, Author: 파이어준
-
야심찬 Dojo 0.4 릴리즈
Dojo 개발팀은 화요일날 있을 Dojo 0.4 풀버전을 위해 출시후보(Release Candidate)를 선보였다. RC의 배포 목적은 심각한 문제가 발생하는 것을 사전에 막고 알려진 버그를 수정하는 것이라고 한다. 직접 사용해 보고 손님...
Category: 자료 - 웹개발, Reactions: 2, Views: 40,360, Author: 파이어준
-
Ajax 요청시 뒤로가기(백버튼) 문제 해결하기
최근 블로그에 Ajax를 반영하면서 맞닥드린 난관은 브라우저의 뒤로가기, 앞으로가기 그리고 새로고침 버튼입니다. Ajax로 불러들인 문서는 페이지를 로드하지 않고 필요한 부분만 가지고 오기 때문에 브라우저의...
Category: 자료 - 웹개발, Reactions: 8, Views: 104,581, Author: 파이어준
-
Dojo의 Ajax 스프레드시트
Dojo 툴킷을 사용한 Ajax 스프레드시트입니다. 용량 282kb에 10,996라인이 코딩된 하나의 자바스크립트 파일로 구성되어 있군요. 간단하게 금연 일지를 작성해 보았는데요. 메모리 랙이 심해서 순조롭게 사용할 수준은...
Category: 자료 - 웹개발, Reactions: 0, Views: 38,030, Author: 파이어준
-
sthenic의 업로드, 암호품질 프로그레스 바
sthenic은 Ruby on Rails 로 구축된 Ajax 파일공유 서비스입니다. 동적인 암호 품질 그래프와, 파일 업로드 프로그레스-바가 잘 구현되 있어서 후벼 봤습니다. 파일 업로드 프로그레스바는 완전 구라더군요. 전송량에 상...
Category: 자료 - 웹개발, Reactions: 0, Views: 45,632, Author: 파이어준
-
alert을 override하는 자바스크립트 메시지
우리는 그동안 '띵~' 하면서 뜨는 대화상자(자바스크립트 Alert)를 지겹도록 보아왔다. 보다 인간다운 컴퓨터 인터페이스 디자인을 연구하는 회사인 Humanized에 따르면, 대부분의 사용자들이 팝업되는 대화상...
Category: 자료 - 웹개발, Reactions: 10, Views: 68,824, Author: 파이어준
-
Ajaxian.com 2006 Ajax 설문조사 결과
Ajaxian.com은 한주에 걸쳐 진행한 설문조사 결과를 리포트 했다. 주제는 Ajax프레임웍과 Ajax개발 플랫폼의 인기도를 측정하기 위한 것이다. 인기 프레임웍으로는 프로토타입과 스크립타큘러스가 압도적이었고 구글...
Category: 자료 - 웹개발, Reactions: 2, Views: 43,355, Author: 파이어준
-
왜 에이젝스(Ajax)인가?
Ajax는 웹을 빠르게 변화시키고 있다. 사용자가 중심이 되는 웹2.0 운동에 중요한 요소로 손꼽히고 있기 때문이다. 그것은 그동안 웹에서 할 수 없었던 진보된 UX를 제공할수 있게 하고, 브라우저 외에 불필요한 액션...
Category: 정보 - 웹2.0, Reactions: 0, Views: 20,258, Author: 파이어준
-
Script.aculo.us 1.6.4 Released
하루사이에 굵직한 소식들이 많이 올라왔군요. 업데이트 한지 열흘만에 스크립타큘러스가(Scriptaculous)가 v1.6.2에 이어 v1.6.4를 릴리즈 했습니다. 주요한 변동사항을 먼저 살펴 보겠습니다. 얼마전 프로토타입(Protot...
Category: 자료 - 웹개발, Reactions: 0, Views: 35,004, Author: 파이어준
-
Prototype 분석 - Element 오브젝트 메서드
이 문서는 Backstage of theater.js에서 발췌한 것 입니다. 프로토타입 라이브러리의 엘리먼트 오브젝트 메서드에 대한 내용을 다루는 일부분입니다. 사용성과 편리성에 포커스를 두지 않고 prototype.js 그대로를 분석하여...
Category: 자료 - 웹개발, Reactions: 0, Views: 42,350, Author: 파이어준
-
Prototype 프레임웍 업데이트 소식
자바스크립트 프레임웍 라이브러리인 프로토타입(Prototype)의 업데이트 소식이 있습니다. 이 것은 Sam씨가 개발 중에 있는 CHANGELOG를 토대로 대충 살표본 것이기 때문에 아직 배포된 상황은 아니라고 합니다. 이전 버...
Category: 자료 - 웹개발, Reactions: 8, Views: 28,445, Author: 파이어준
-
구찌(Gucci) 플래시 버리고 Ajax로
플래시가 남발하던 패션업계 홈페이지에도 Ajax바람이 거세게 몰아칠 전망이다. 패션 명품 브랜드 '구찌'는 최근 사이트(쇼핑몰)에 과감히 Ajax를 도입하여 리뉴얼했다. 제작을 맡은 'wollzelle Media Design'은 플래시 못...
Category: 정보 - 웹2.0, Reactions: 6, Views: 60,283, Author: 파이어준
-
Ajax로 중무장한 야후!포토 Relaunched
Yahoo!(닷컴)은 자사의 서비스중 하나인 야후!포토를 Ajax로 중무장하여 다시 선보였다. 사용된 Ajax기술들은 싱글/멀티 셀렉션, 드래그 앤 드롭, 단축키, 인플레이스 에디터, 라이트박스 유저 팁스, 프로그레시브 로...
Category: 정보 - 웹2.0, Reactions: 0, Views: 38,986, Author: 파이어준
-
비-프로그래머를 위한 AJAX 구현 - LaCo
Spotty 블로그는 비-프로그래머를 위한 AJAX 기능추가 툴킷인 LaCo를 공개하였다. 자바스크립트를 잘 모르는 사용자를 위해 Ajax를 손쉽게 다루는 방법을 제시한다. <A> 또는 <DIV> 태그에 임의의 애트리뷰트(attribute...
Category: 자료 - 웹개발, Reactions: 1, Views: 32,672, Author: 파이어준
-
Ajax 도입한 테크노라티의 리뉴얼
태그를 중심으로 블로그 전문 검색서비스를 제공하는 테크노라티(Technorati)가 Ajax로 무장하여 리뉴얼했다. 사인인에 모션도 들어가 있네.. 그런데 어째 이전 것이 더 좋아보인다. 별로라고 테크노라티~.
Category: 정보 - 웹2.0, Reactions: 1, Views: 35,450, Author: 파이어준
-
자바스크립트로 마우스 휠 제어하기
최근 Ajax의 활용범위가 확대되면서 슬라이더, 드래그앤 드롭, 소트에이블, 백그라운드 업로더, 드래그 선택영역, 오토 컴플리케이션 등 부수적인 웹 인터페이스가 자바스크립트로 속속들이 구현되고 있다. 마우스...
Category: 자료 - 웹개발, Reactions: 0, Views: 55,126, Author: 파이어준
-
겁나게 쉬운 자바스크립트 사운드 API
Javascript Sound Kit은 플래시8의 사운드 오브젝트 액션스크립트를 이용하여 자바스크립트에서 사운드를 제어할 수 있도록해주는 사운드 API이다. 이것을 이용하면 자바스크립트 이벤트 또는 Ajax 이벤트에 사운드를 효...
Category: 자료 - 웹개발, Reactions: 0, Views: 55,899, Author: 파이어준
-
마우스오버 타임아웃 다이나믹 컨텐츠
새로 리뉴얼된 야후의 탑 라이트 박스에서 아이디어를 얻어 마우스오버, 아웃에 타임아웃을 적용하여 뚝딱 만들어 본 컨텐츠 쇼/하이드 자바스크립트입니다. Prototype과 Scriptaculous 라이브러리가 사용되었습니다. ...
Category: 자료 - 웹개발, Reactions: 0, Views: 31,007, Author: 파이어준
-
Ajax 반영된 야후!의 시작페이지
야후는 그동안 준비중이던 새로운 시작페이지를 전격 반영했습니다. 미국야후 뿐만아니라 한국야후의 시작페이지도 동시에 바뀐 것을 보니 대규모 리뉴얼인듯 합니다. 무엇보다도 종전과 다른점은 컨텐츠의 전...
Category: 정보 - 웹2.0, Reactions: 0, Views: 35,754, Author: 파이어준
-
야후! UI 라이브러리 - 회전목마 컴포넌트
야후의 Bill Scott은 야후! UI 라이브러리에 추가할 수 있는 Carousel Component(회전목마 컴포넌트)를 공개했다. Static HTML, DTHML, Ajax 로 구축된 환경에서 가로, 세로구성 및 애니메이션, 슬라이드쇼, 스크롤링 등 여러방식으...
Category: 자료 - 웹개발, Reactions: 0, Views: 49,421, Author: 파이어준
-
어도비의 Spry Ajax framework
어도비는 Spry Ajax framework을 릴리즈하고 베타 테스트를 시행한다. 이 프레임웍은 XML데이터를 사용하는데 있어서 최소한의 HTML, CSS 그리고 자바스크립트를 사용하여 가능하게 한다. 어도비랩은 XML파일을 다루는 예...
Category: 자료 - 웹개발, Reactions: 1, Views: 46,596, Author: 파이어준
-
Ajax 활동 알리미 예제
Ian Selby는 Prototype과 Scriptaculous를 이용한 에이젝스 활동 알리미(Ajax Activity Indicators)에 대한 문제점을 지적하고 자신이 개발한 사용법을 공개하였다. XMLHttpRequest들의 완료시점이 어정쩡한 프로토타입의 onComplete 옵션...
Category: 자료 - 웹개발, Reactions: 0, Views: 41,130, Author: 파이어준
-
Ajax가 도입된 SIMILE의 자바스크립트 타임라인
SIMILE의 타임라인은 순수 자바스크립트만으로 드래그와 클리커블을 이용한 좋은 예이다. XML로 작성된 데이터를 수신하여 타임라인 그래프를 그려준다. 가로로 드래그되는 그래프는 내용보기와 미리보기를 동시에...
Category: 자료 - 웹개발, Reactions: 0, Views: 35,671, Author: 파이어준
-
Ajax 디렉토리 매니저 - Relay
Chris Iufer는 Ajax 디렉토리 메니저인, Relay라는 오픈소스를 배포하였다. Relay는 제목에서도 알 수 있듯이 데스크탑과 흡사한 파일 관리환경을 웹에서도 제공한다. 파일과 폴더의 드래그앤드롭, 다이내믹한 파일구조...
Category: 정보 - 웹2.0, Reactions: 12, Views: 60,280, Author: 파이어준
-
Prototype의 $$ 선택자 속도 높이기
Sylvain Zimmer는 자신의 블로그에 Speeding up Prototype $$ Selector 라는 글을 썼다. 이 글의 내용은 Prototype의 다중선택 함수인 $$함수의 작동속도를 20 times 빠르게 하는 방법을 소개하고 있다. DOM 전역에 걸쳐 $$ 선택자 함수...
Category: 자료 - 웹개발, Reactions: 0, Views: 31,518, Author: 파이어준
-
웹 포토샵 - Cellsea Editor
Cellsea Editor는 보다 전문적인 도구로 무장한 온라인 이미지 편집기로써 Ajax기술을 도입하여 웹에서 포토샵 수준의 편집을 가능케한다. 명도, 채도, 대비, 크롭, 리사이즈 정도의 기본기능에 머물던 웹 편집기능을 ...
Category: 정보 - 웹2.0, Reactions: 2, Views: 47,797, Author: 파이어준
-
Scriptaculous 데이터그리드
Finetooth는 Prototype 기반 Scriptaculous 라이브러리, 그리고 PHP를 사용하여 구현한 데이터그리드(버전 0.3)의 소스를 공개했다. 온라인 테스트에서 확인할 수 있다. 항목별 오름차순/내림차순 정렬을 할 수 있고, 각 탭의...
Category: 자료 - 웹개발, Reactions: 2, Views: 39,851, Author: 파이어준
-
Ajax 파일 업로드 프로그레스 바
FineTooth의 Christopher Bottaro는 파이썬 CGI와 Ajax Prototype, JSON을 이용하여 놀라운 파일 업로드 프로그레스바 구현방법을 공개했다. 전체 파일 수, 파일이름, 프로그레스바, 전송속도, 남은시간까지 파일 업로드 진행상황...
Category: 자료 - 웹개발, Reactions: 2, Views: 48,330, Author: 파이어준
-
또 다른 자바스크립트 윈도우, LITBox
LITBox는 브라우저의 팝업창 또는 알림창을 대체하는 Prototype class 기반 Scriptaculous 라이브러리를 사용하는 자바스크립트이다. 이것과 비슷한 것으로 Prototypte Window Class가 있다. Prototypte Window Class처럼 다양한 형태를...
Category: 자료 - 웹개발, Reactions: 0, Views: 36,834, Author: 파이어준
-
구글 피카사, 웹앨범 서비스도 죽여주시는군요
오늘부터 피카사 웹앨범 서비스의 오픈 테스트가 진행됩니다. 피카사-웹앨범은 데스트탑용 사진관리 소프트웨어인 피카사와 연동되는 웹 어플리케이션입니다. 물론, 이와 함께 공개된 새로운 버전의 피카사를 다...
Category: 정보 - 웹2.0, Reactions: 18, Views: 66,384, Author: 파이어준
-
script.aculo.us 응용 - 이미지 리플랙터
우리는 멋진 이미지 효과메 항상 목말라한다. 그쵸? wollzelle에서 공개한 리플랙션(반사효과)효과는 script.aculo.us의 build.js를 이용하여 가능하게 한다. 투명도를 기반으로 드로잉 되기 때문에 배경색 또는 배경 이미...
Category: 자료 - 웹개발, Reactions: 3, Views: 39,832, Author: 파이어준
-
Prototype 중급 - Form의 심플한 Ajax 전송
Form을 이용하여 서버에 자료전송할 때 Ajax를 통해서 필요한 자료만 서버에 보내세요. 빠르고 다이네믹한 웹을 구현해 줄 것입니다. 이 곳에는 프로토타입 자바스크립트 라이브러리(Prototype JavaScript Library를 사용하...
Category: 자료 - 웹개발, Reactions: 16, Views: 63,235, Author: 파이어준
-
1차 블로그 업데이트를 마칩니다.
짧은기간 안에 만족할 정도로 목표가 달성되어서 1차 업데이트의 막을 내립니다. 종전과 달라진 부분은 방문객의 사용빈도가 낮은 사이드 컨텐츠와 전광판을 제거하였습니다. 이번 업데이트는 대부분 기반 작업...
Category: 정보 - 웹2.0, Reactions: 1, Views: 36,514, Author: 파이어준
-
Ajax가 도입된 아이콘 검색 - IconDB
아이콘을 찾아주는 서비스 보다 IconDB의 인터페이스가 경이롭다. 컨텐츠의 탭브라우징과 슬라이딩 네비게이션, 그리고 시작페이지의 윈도들은 마치 하나의 브라우저처럼 느껴지게 만든다. 특히, 어떠한 자바스크...
Category: 정보 - 웹2.0, Reactions: 2, Views: 31,784, Author: 파이어준
-
Ajax 멀티플레이 게임 - Battleship
속도가 너무 느려서 즐기지는 못했지만, 멋집니다. 얼핏보기에는 보드게임처럼 보이는데요. 게임중 상대방과 채팅도 합니다. Prototype과 Script.aculo.us의 라이브러리가 사용되었으며. Sébastien Gruhier의 자바 윈도를 적...
Category: 정보 - 웹2.0, Reactions: 2, Views: 43,800, Author: 파이어준
-
실시간 버튼 생성기 - Buttonator.com
Buttonator에서 드래그 앤 드롭으로 버튼을 생성해 보아요..
Category: 정보 - 웹2.0, Reactions: 0, Views: 32,171, Author: 파이어준
-
또다른 온라인 디지털 자산관리 - celum IMAGINE
celum IMAGINE은 오스트리아에 있는 회사에서 만든 온라인 소프트웨어이다. 그림, 사진, 여러가지 문서와 같은 디지털 문서를 처리하고, 가공하고, 배부하는 것을 통합할 필요가 있는 회사에 제공하기 위한 솔루션이...
Category: 정보 - 웹2.0, Reactions: 0, Views: 35,487, Author: 파이어준
-
Rails의 모델/뷰/컨트롤러(MVC) 아키텍쳐
"a태그를 a태그라 쓰지 못하고 img태그를 img태그라 쓰지 못하니, 심장이 터지고 애간장이 녹 내릴지라. 이 어찌 통한치 않으리오." ㅡ,.ㅡ; 모델- Model Rails 애플리케이션의 모델은 이 애플리케이션이 사용하...
Category: 일상 - 업무, Reactions: 3, Views: 36,982, Author: 파이어준
-
Ruby On Rails 소개
'올라로그'의 웹프로그램은 Ruby On Rails입니다. 프로토타입 프레임웍 라이브러리를 공부하면서 적잖게 눈에 밟힌 이름입니다. 프로토타입은 루비 프로젝트에서 파생된 프로젝트라더군요. 목이 쉬도록 열심히...
Category: 일상 - 업무, Reactions: 7, Views: 34,344, Author: 파이어준
-
FloatPhoto version 0.77a 로그
Fluxiom에 충격을 먹고 많은 부분을 뜯어고쳤습니다. 버전 0.6x 에서 0.7x까지 많은 변화가 있었어요. UI를 직관적이면서도 사용하기 편리한 구조로 전면 개편하였습니다. IE에서 overflow 구현하느라 한번 미칠뻔했지요...
Category: 자료 - 웹개발, Reactions: 9, Views: 49,609, Author: 파이어준
-
Prototype 고급 - 소팅 테이블
이 예제는 Prototype 자바스크립트 라이브러리(1.5.0_pre1)를 활용하여 테이블의 열을 정렬하는 것입니다. 헤더의 컬럼을 클릭하면 순차적으로 정열되는 것을 볼 수 있을 거에요. 저 또한 Enumerable.sortBy() 메서드를 실행...
Category: 자료 - 웹개발, Reactions: 4, Views: 30,681, Author: 파이어준
-
AjaxOS가 곧 옵니다.
모두 AJAX 함수로 기술한 오퍼레이팅 시스템입니다. ajaxOS가 흥분시키는 특징은 서버를 리모트하여 저장하는 능력과 함께 풀엑세스되는 파일 네비게이션입니다. 당신의 로컬 컴퓨터 하드디스크에 저장된 문서를 아...
Category: 정보 - 웹2.0, Reactions: 3, Views: 39,064, Author: 파이어준
-
올라웍스로 이직합니다.
웹에이전시 'D'모사에 입사하여 플래시 엑션스크립트 해 보겠다고 달려 든지도 3개월입니다. 저와는 코드가 잘 맞지 않는 스크립트로 느끼고 있던 중 웹2.0 벤처기업으로 잘 알려진 '올라웍스'사에서 웹...
Category: 일상 - 업무, Reactions: 16, Views: 86,942, Author: 파이어준
-
초경량 moo.fx가 사용된 갤러리 mooShow 1.0
What is mooShow ? | mooShow가 뭔고? mooShow는 초경량(superlightweight) moo.fx 자바스크립트 이펙트 라이브러리와 prototype.js기반의 심플한 슬라이드 쇼 자바스크립트/CSS 요. LightBox와 couloir.org에서 영감을 받고 나는 유사한 창조...
Category: 자료 - 웹개발, Reactions: 0, Views: 35,424, Author: 파이어준
-
온라인 디지털 자산관리 - Fluxiom 리뷰
Fluxiom의 사용자 인터페이스는 눈이 매우 즐겁다. 다량의 파일유형을 아이콘 과 썸네일 형태를 가진 목록으로 일목요연하게 보여준다. 각 파일을 선택할 수 있고 드래그 상자로 여러개의 파일을 선택할 수도 있다...
Category: 정보 - 웹2.0, Reactions: 0, Views: 43,703, Author: 파이어준
-
Ajax가 도입된 온라인 이미지 편집 - Pixoh
Treefly Inc는 Ajax를 사용하여 온라인상에서 이미지를 실시간으로 편집 할 수 있는Pixoh를 개발했다. Pixoh는 앞으로 래드아이 픽스, 밝기와 대비 조정 팔레트, 이메일 전달기능 등을 추가할 예정이다. 지금 구현된 기능...
Category: 정보 - 웹2.0, Reactions: 4, Views: 36,949, 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: 42,785, Author: 파이어준
-
Script.aculo.us 중급 - Image Resizing Slider
이 글은 http://www.agilepartners.com/blog 에 의해 공개된 것입니다. Script.aculo.us의 slide.js가 담당하는 슬라이더 응용입니다. Fluxiom의 인트로 비디오에서 보았던 바로 그 효과입니다. 아래의 슬라이드 바를 조정해 보세요....
Category: 자료 - 웹개발, Reactions: 6, Views: 36,132, Author: 파이어준
-
Fluxiom Get Started! - 출시
Get started! Fluxiom은 웹2.0과 Ajax기반으로 제작된 디지털 미디어 자산(?)관리 웹어플리케이션입니다. Fluxiom을 개발한 wollzelle은 지난 19일부터 상용으로 풀어놓았습니다. Prototype기반 script.aculo.us를 프레임웍으로 사용...
Category: 정보 - 웹2.0, Reactions: 2, Views: 30,906, Author: 파이어준
-
Script.aculo.us 중급 - Drag And Drop
script.aculo.us에서 드래그 앤 드롭이 사용되는 목적은 크게 두가지입니다. 하나는 선택한 엘리먼트가 목적 엘리먼트로의 이동하는 것(Draggables & Droppables)이고 다른 하나는 선별되는 엘리먼트들의 목록(Sortable lists an...
Category: 자료 - 웹개발, Reactions: 3, Views: 45,945, 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: 53,246, Author: 파이어준
-
Scriptaculous Visual Effects 고급 - 응용
원하는 모션을 직접 만들어 쓰자! 지금부터 소개하는 것은 script.aculo.us에 있는 보물상자(?)의 내용입니다. 이것은 여러 사용자들이 응용한 모션 이펙트의 집합입니다. 그 중에는 매우 훌륭한 것들도 많이 있습니다...
Category: 자료 - 웹개발, Reactions: 2, Views: 38,211, Author: 파이어준
-
Prototype 중급 - Class Methods
Prototype JavaScript framework 에서 제공하는 엘리먼트와 이벤트의 클래스 메서드 입니다. Script.aculo.us는 Prototype의 여러 메서드를 사용자가 편하게 이용할 수 있도록 각종 모션효과들을 만들어 줍니다. 하지만, 애써 클래...
Category: 자료 - 웹개발, Reactions: 2, Views: 35,058, Author: 파이어준
-
FloatPhoto Version 0.64a 로그
스킨 유료화 프로젝트는 잠시 접어두고 Ajax 모션을 공부하면서 작업중인 디지털 사진관리를 위한 웹어플리케이션 '플롯포토'의 개발 로그입니다. 현재 버전은 알파 0.64입니다. 0.9x가 되는 시점에서 오픈베타...
Category: 자료 - 웹개발, Reactions: 8, Views: 52,573, Author: 파이어준
-
Script.aculo.us 초급 - Transitions Parameter
Visual effects에 생명을 불어넣자! Script.aculo.us의 Visual effects(Core Effects 와 Combination Effects)에는 여러 옵션을 부여할 수 있습니다. 그 중에서도 Core Effects 모션에서 중요하게 사용되는 변이(Transition) 옵션에 대하여 알아...
Category: 자료 - 웹개발, Reactions: 0, Views: 31,457, 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: 33,771, Author: 파이어준
-
Script.aculo.us 기초 - Combination Effects
Script.aculo.us에서 지원하는 조합된 비주얼 이펙트(Combination Effects) 목록입니다. 이것은 Core Effects가 하나이상 조합되어 파생된 것들입니다. 지속시간(duration)과 변이(transition) 등을 옵션으로 사용할 수 있습니다. 특히...
Category: 자료 - 웹개발, Reactions: 2, Views: 37,656, Author: 파이어준
-
Flash without Flash(플래시 아닌 플래시)
최근 심도있는 Ajax모션 포트폴리오를 생산하고 있는 wollzelle Media Design und Webservices GmbH(이하 wollzelle)에서 제작한 포트폴리오 사이트입니다. 일단 christofwagner를 방문해 보세요. Prototype JavaScript framework, version 1.4.0기반...
Category: 자료 - 웹개발, Reactions: 8, Views: 47,167, 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: 31,394, Author: 파이어준
-
요즘 만들고 있는 웹갤러리 - FloatPhoto
짬짬이 작업하고 있는 웹갤러리 'FloatPhoto'입니다. 디지털 SLR 카메라가 생긴 후 주변인들에게 사진을 전달하는 용도로 이곳 저곳에서 긁어모은 함수들로 뚝딱 만든 것이었지만, 계속해서 만지다 보니 지금은...
Category: 정보 - 웹2.0, Reactions: 27, Views: 58,454, Author: 파이어준
-
초경량 자바스크립트 이펙트 라이브러리 moo.fx
moo.fx에는 아래와 같은 소개말이 있습니다. moo.fx는 prototype.js사용하면서도 크기가 매우작은 자바스크립트 비주얼 이펙트 라이브러리입니다. 불여우, 사파리, IE 등 여러가지 브라우저(오페라 브라우저는 작업중)를...
Category: 자료 - 웹개발, Reactions: 8, Views: 35,678, Author: 파이어준
-
AJAX Support - Rico 1.1.2 Demo
Rico AJAX Support의 JavaScript Library 1.1.2 Demo입니다. 썩 화려한 효과는 못되지만, 비교적 응용이 쉬운편이며 드로잉 속도가 매우 빠르다는 장점이 있습니다. 특이할 만한점은 특정 DIV 구역을 스크립트 만으로 라운드 처...
Category: 자료 - 웹개발, Reactions: 1, Views: 42,160, Author: 파이어준
-
Yahoo! Ajax UI - Design Pattern Library
야후에서 제공하는 Ajax 기반의 디자인 페턴 라이브러리(Yahoo! Ajax UI Design Pattern Library)입니다. 드래그 앤 드롭 예제(Drag and Drop - Slider Widgets) 중 '컬러피커'를 자바스크립트 구현한 것입니다. 로드 하는 스크립...
Category: 자료 - 웹개발, Reactions: 0, Views: 39,958, Author: 파이어준
-
Effect.Queue를 이용한 Ajax 애니메이션 실습
railsdevelopment에서 소개하는 Effect.Queue 사용법을 응용하여 DIV 박스를 이용해 페이지 로딩을 마침과 동시에 진행되는 간단한 애니메이션을 만들어 보았습니다. Queue를 이용하면 순차적으로 진행되는 애니메이션을 제...
Category: 자료 - 웹개발, Reactions: 0, Views: 41,772, Author: 파이어준
-
Drag and Drop AJAX Shopping Cart 실습
http://demo.script.aculo.us/shop 의 소스를 응용하여 PHP와 연동되는 쇼핑카트 실습을 해 보았습니다. 카트의 정보는 쿠키에 저장됩니다. 태터툴즈에 응용하면 재미있는 것을 많이 만들수 있겠어요. 예를 들어 포스트 카트...
Category: 자료 - 웹개발, Reactions: 28, Views: 61,133, Author: 파이어준
-
Ajax Visual Effects - script.aculo.us v1.5.3
script.aculo.us에서 제공하는 Prototype JavaScript Framework library를 이용한 Ajax 비주얼 이펙트입니다. 멋지군요. 응용가능한 부분부터 태터툴즈 클래식에 붙여 보아야겠습니다. ※ 이 페이지는 RSS리더기에서 비정상으로 보...
Category: 자료 - 웹개발, Reactions: 17, Views: 41,545, Author: 파이어준