-
자바스크립트(Prototype) 코드 스피드 벤치마킹
그동안 Prototype 자바스크립트 프레임웍의 사용법을 익히느라 필요이상으로 무리하게 사용해 왔습니다. 간단하게 크로스-브라우저가 보장되며 코드를 아름답게(?) 만들 수 있다는 장점 때문이였는데요. 개발하기 ...
Category: 자료 - 웹개발, Reactions: 14, Views: 60,158, Author: 파이어준
-
자바스크립트 신병 훈련소 자습서
Amy Hoy가 작성한 자바스크립트의 기초 자습서입니다. 자바스크립트 파일과 PDF파일(3MB)포멧으로 제공하고 있습니다. 코드를 작성하는데 있어서 간과하는 부분은 없는지 한번즘 자습해 봅시다. 이것은 자바스크립트...
Category: 자료 - 웹개발, Reactions: 4, Views: 40,151, Author: 파이어준
-
Ajax 도입한 테크노라티의 리뉴얼
태그를 중심으로 블로그 전문 검색서비스를 제공하는 테크노라티(Technorati)가 Ajax로 무장하여 리뉴얼했다. 사인인에 모션도 들어가 있네.. 그런데 어째 이전 것이 더 좋아보인다. 별로라고 테크노라티~.
Category: 정보 - 웹2.0, Reactions: 1, Views: 28,496, Author: 파이어준
-
자바스크립트로 마우스 휠 제어하기
최근 Ajax의 활용범위가 확대되면서 슬라이더, 드래그앤 드롭, 소트에이블, 백그라운드 업로더, 드래그 선택영역, 오토 컴플리케이션 등 부수적인 웹 인터페이스가 자바스크립트로 속속들이 구현되고 있다. 마우스...
Category: 자료 - 웹개발, Reactions: 0, Views: 48,918, Author: 파이어준
-
겁나게 쉬운 자바스크립트 사운드 API
Javascript Sound Kit은 플래시8의 사운드 오브젝트 액션스크립트를 이용하여 자바스크립트에서 사운드를 제어할 수 있도록해주는 사운드 API이다. 이것을 이용하면 자바스크립트 이벤트 또는 Ajax 이벤트에 사운드를 효...
Category: 자료 - 웹개발, Reactions: 0, Views: 49,940, Author: 파이어준
-
이미지 로딩 프로그레스-바
이 곳의 상단에 적용되어 있는 프로그레스 바입니다. 자바스크립트의 양이 많이지면서 CPU의 처리과정이 다소 길어짐에 따라 진행상황을 시각적으로 표시하기 위해 만들어 보았습니다. 이 처리과정 중에서도 아래...
Category: 자료 - 웹개발, Reactions: 0, Views: 37,925, Author: 파이어준
-
자바스크립트로 구현한 웹페인터 - 구글 페인트
구글은 온라인상에서 별다른 플러그인 설치 없이 바로 사용할 수 있는 드로잉 툴인 구글 페인트을 선보였다. 파일메뉴와 툴바, 컬러피커 그리고 캔버스로 구성되어있다. 오에카기의 자바스크립트 버전이란 느낌...
Category: 정보 - 웹2.0, Reactions: 12, Views: 65,928, Author: 파이어준
-
블로그 메타사이트의 태그링크 자바스크립트 버전
올초에 PHP로 만들어 공개했던 태그에 블로그 메타 사이트의 태그링크 달기의 자바스크립트 버전입니다. 요즘은 서버측 리소스 낭비를 조금이라도 덜기위해 PHP로 구현해 놓았던 것 중 자바스크립트로 가능한 것들...
Category: 자료 - 웹개발, Reactions: 3, Views: 45,087, Author: 파이어준
-
사이트링크의 썸네일 이미지 팝업
사이트의 썸네일 이미지(미리보기 이미지)를 생성해주는 엔진을 이용한 링크의 썸네일 팝업 스크립트입니다. 외부로 링크되는 곳의 사이트 모양을 미리 볼 수 있어 여럼으로 편리합니다. 지정한 영역에 해당하는...
Category: 자료 - 웹개발, Reactions: 4, Views: 39,279, Author: 파이어준
-
마우스오버 타임아웃 다이나믹 컨텐츠
새로 리뉴얼된 야후의 탑 라이트 박스에서 아이디어를 얻어 마우스오버, 아웃에 타임아웃을 적용하여 뚝딱 만들어 본 컨텐츠 쇼/하이드 자바스크립트입니다. Prototype과 Scriptaculous 라이브러리가 사용되었습니다. ...
Category: 자료 - 웹개발, Reactions: 0, Views: 26,120, Author: 파이어준
-
Ajax 반영된 야후!의 시작페이지
야후는 그동안 준비중이던 새로운 시작페이지를 전격 반영했습니다. 미국야후 뿐만아니라 한국야후의 시작페이지도 동시에 바뀐 것을 보니 대규모 리뉴얼인듯 합니다. 무엇보다도 종전과 다른점은 컨텐츠의 전...
Category: 정보 - 웹2.0, Reactions: 0, Views: 31,406, Author: 파이어준
-
야후! UI 라이브러리 - 회전목마 컴포넌트
야후의 Bill Scott은 야후! UI 라이브러리에 추가할 수 있는 Carousel Component(회전목마 컴포넌트)를 공개했다. Static HTML, DTHML, Ajax 로 구축된 환경에서 가로, 세로구성 및 애니메이션, 슬라이드쇼, 스크롤링 등 여러방식으...
Category: 자료 - 웹개발, Reactions: 0, Views: 44,799, Author: 파이어준
-
어도비의 Spry Ajax framework
어도비는 Spry Ajax framework을 릴리즈하고 베타 테스트를 시행한다. 이 프레임웍은 XML데이터를 사용하는데 있어서 최소한의 HTML, CSS 그리고 자바스크립트를 사용하여 가능하게 한다. 어도비랩은 XML파일을 다루는 예...
Category: 자료 - 웹개발, Reactions: 1, Views: 41,512, Author: 파이어준
-
Ajax 활동 알리미 예제
Ian Selby는 Prototype과 Scriptaculous를 이용한 에이젝스 활동 알리미(Ajax Activity Indicators)에 대한 문제점을 지적하고 자신이 개발한 사용법을 공개하였다. XMLHttpRequest들의 완료시점이 어정쩡한 프로토타입의 onComplete 옵션...
Category: 자료 - 웹개발, Reactions: 0, Views: 36,773, Author: 파이어준
-
Ajax가 도입된 SIMILE의 자바스크립트 타임라인
SIMILE의 타임라인은 순수 자바스크립트만으로 드래그와 클리커블을 이용한 좋은 예이다. XML로 작성된 데이터를 수신하여 타임라인 그래프를 그려준다. 가로로 드래그되는 그래프는 내용보기와 미리보기를 동시에...
Category: 자료 - 웹개발, Reactions: 0, Views: 30,558, 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,768, Author: 파이어준
-
자바스크립트로 댓글에 패비콘 표시하기
태터툴즈 1.0.x에는 방명록 또는 댓글 등에 패비콘을 표시하는 플러그인이 있다. 이 플러그인과 동일한 기능을 가진 자바스크립트 버전을 만들어 보았다. IE 및 파이어폭스 등에서 작동하며, 서버측 리소스를 차지...
Category: 자료 - 웹개발, Reactions: 3, Views: 31,461, Author: 파이어준
-
Ajax 디렉토리 매니저 - Relay
Chris Iufer는 Ajax 디렉토리 메니저인, Relay라는 오픈소스를 배포하였다. Relay는 제목에서도 알 수 있듯이 데스크탑과 흡사한 파일 관리환경을 웹에서도 제공한다. 파일과 폴더의 드래그앤드롭, 다이내믹한 파일구조...
Category: 정보 - 웹2.0, Reactions: 12, Views: 55,373, Author: 파이어준