-
Scripty2 UI 컨트롤 프리뷰
Thomas Fuchs씨의 Scripty2 버전이 벌써 Alpha 5가 되었습니다. UI 비헤이비어 / 컨트롤 부분에 멀티 터치 지원 및 몇몇 기능이 추가되었습니다. 그리고 Andrew Dupont씨가 버튼, 다이얼로그, 오버레이, 슬라이더, 자동완성, 아...
Category: 자료 - 웹개발, Reactions: 0, Views: 40,038, Author: 파이어준
-
골때리는 시계 - Scroll Clock
이것은 Toki Woki에서 만든 스크롤 시계입니다. <div> 요소의 overflow 속성을 절묘하게 이용하여 만들었습니다. 소스를 보니 MooTools 라이브러리를 기반으로 슈퍼 클래스를 상속하여 사용하고 있습니다. 이것을 Prot...
Category: 자료 - 웹개발, Reactions: 4, Views: 37,577, Author: 파이어준
-
이미지의 피사체와 어울리게 문자 배치하기 - jQSlickWrap
jQuery용으로 만들어진 jQSlickWrap 플러그인을 이용하면 보시는 것 처럼 이미지의 피사체를 피하여 문자열들을 어울리게 배치할 수 있습니다. 실제로 애플로고 이미지를 첨부하고 jQSlickWrap 플러그인을 적용한 것입니...
Category: 자료 - 웹개발, Reactions: 0, Views: 42,076, Author: 파이어준
-
Prototype 셀렉터 벤치마크
Prototype 코어팀의 Tobie Langel씨가 GitHub에 흥미로운 커밋을 했군요. Prototype의 DOM 셀렉터 엔진을 사용자가 지정하여 빌드할 수 있게 한 것입니다. "NWMatcher" 셀렉터를 사용하려면 아래와 같은 명령으로 빌드할 ...
Category: 자료 - 웹개발, Reactions: 2, Views: 47,190, Author: 파이어준
-
Scriptaculous 1.8.3 업데이트
Scriptaculous가 1.8.3으로 조용히 업데이트 되었습니다. 지난 10월 8일날 있었다고 하는데 왜 그동안 몰랐을까요? 아무튼, 필요로하는 Prototype의 버전이 1.6.1으로 갱신되었습니다. 몇몇 버그와 이슈가 해결되었고 effect....
Category: 자료 - 웹개발, Reactions: 0, Views: 31,112, Author: 파이어준
-
자바스크립트 기반 3D 태그 클라우드 - Cumulus
플래시 기반으로 구축된 워드프레스의 Cumulus 플러그인과 유사한 UI를 자바스크립트로 구현해 보았습니다. Ricardo Cabello씨의 Google Sphere 소스를 참고하였으며, Prototype 자바스크립트 프레임웍을 사용하였습니다. 크...
Category: 자료 - 웹개발, Reactions: 15, Views: 60,377, Author: 파이어준
-
Prototype 1.6.1 정식버전 출시
Prototype의 1.6.1 정식버전이 출시되었습니다. 올해 6월에 배포된 RC3와 비교하면 크게 달라진 것이 없고 몇몇 버그들과 메서드가 수정 및 개선된 정도입니다. 정식버전 출시와 함께 PDoc 기능을 이용하여 만들어진 API...
Category: 자료 - 웹개발, Reactions: 0, Views: 38,592, Author: 파이어준
-
웹 워커(Web Worker) 적용하기
얼마전 Web Worker(DOM Worker)의 사용방법을 간략하게 알아보고 실제로 적용할 수 있는 분야를 곰곰히 생각해 보면서 여러가지 실험을 시도했습니다. 위 화면은 워커(싱글스레드)에 의해 드로잉되는 Box2D 물리엔진입니...
Category: 자료 - 웹개발, Reactions: 4, Views: 57,389, Author: 파이어준
-
localStorage - 클라이언트 로컬에 데이터 저장하기
HTML 5에 명시된 'localStorage'는 클라이언트 로컬에 데이터를 저장하기 위한 전역 함수입니다. 여기에 저장된 데이터는 장시간 영구적으로 보관할 수 있으며, 오프라인인 경우에도 호출이 가능하다는 특징 때문...
Category: 자료 - 웹개발, Reactions: 3, Views: 92,521, Author: 파이어준
-
이미지 프로세싱 - 흑백 이미지로 변환하기
마우스 이벤트에 의해 컬러 이미지와 그레이 스케일(흑백) 이미지가 교차되면서 포커싱되는 효과는 시선을 집중시키는 효율적인 방법중 하나입니다. IE의 경우 특정 이미지를 흑백으로 변환하려면 'filter:gray...
Category: 자료 - 웹개발, Reactions: 0, Views: 71,786, Author: 파이어준
-
두각을 드러낸 Scriptaculous 2.0 - Scripty2
Thomas Fuchs씨는 2007년에 2.0버전을 만든다고 큰소리 치고는 잠적하여 목놓아 기다리게 만들더니, 약 20개월이 지난 오늘에서야 드디어 두각을 드러냈습니다. "보다 맛좋은 웹을 위하여"라는 부제의 "script...
Category: 자료 - 웹개발, Reactions: 2, Views: 44,729, Author: 파이어준
-
이미지 프로세싱 자바스크립트 라이브러리 - Phototype
Phototype은 PHP의 GD라이브러리와 Prototype 자바스크립트 라이브러리를 이용하여 이미지 프로세싱을 할 수 있는 흥미로운 자바스크립트 라이브러리입니다. 이미지의 리사이즈, 회전, 플립, 드랍쉐도, 캡션, 각종 필터...
Category: 자료 - 웹개발, Reactions: 1, Views: 51,637, Author: 파이어준
-
Prototype 1.6.1 RC3 배포 - Chrome, PDoc 지원
Prototype 1.6.1 RC3가 릴리즈 되었습니다. 늦은 감이 없지 않지만 RC3부터는 구글 크롬 브라우저를 공식으로 지원하게 되었습니다. 크롬만을 위한 코드가 존제하는 것은 아니고 rake test에 Chrome이 포함된 정도로 보입니...
Category: 자료 - 웹개발, Reactions: 2, Views: 43,137, Author: 파이어준
-
Fluxiom 무료 서비스 계정 개방
Wollzelle이 2006년 4월에 런칭한 Fluxiom은 제게 있어서 매우 각별한 웹서비스입니다. 신선한 영감을 얻은 동시에 웹의 미래를 비춰주었으며, 당시, 자바스크립트를 죽어라 파야겠다는 결심이 서게하는 계기를 마련해...
Category: 자료 - 웹개발, Reactions: 0, Views: 41,990, Author: 파이어준
-
Jabbify를 이용한 포인터 트래킹 커뮤니케이터
Jabbify API를 이용해서 뭔가 재미있는 뻘짓을 해 보려고 계속 구상만 하다가 이 번 주말에 맘잡고 삽질했습니다. 자연스레 공통 관심사를 가진 사람을 만나고 즉시 질문하거나 추가적인 정보를 소통할 수 있는 커뮤...
Category: 자료 - 웹개발, Reactions: 2, Views: 60,803, Author: 파이어준
-
Prototype with Sly is "3x faster"
HTML : Javascript : Prototype의 성능이 다른 프레임웍들에 비해 떨어지는 주된 원인 중 하나는 DOM 셀렉터(Selector) 엔진에 있는 것으로 판단하고 위와 같은 코드를 작성하여 Prototype의 셀렉터 엔진을 더욱 성능이 좋은 Sly로...
Category: 자료 - 웹개발, Reactions: 11, Views: 50,691, Author: 파이어준
-
자바스크립트 프레임웍의 성능측정 - TaskSpeed
Pete Higgins씨는 TaskSpeed라는 새로운 밴치마크 도구를 만들었습니다. DojoToolkit을 사용하여 졸라 멋진 SVG 차트로 만들어진 결과물도 제공합니다. 이 밴치마크 도구는 얼마전 Dojo 1.3의 발표와 관련하여 Dojo의 성능이 좋...
Category: 자료 - 웹개발, Reactions: 0, Views: 44,126, Author: 파이어준
-
Prototype 1.6.1 RC2 릴리즈
Prototype의 새 버전인 1.6.1 RC2(출시 후보)가 정식으로 공개되었습니다. 지난주 IE8의 출시로인하여 이에 대응하기 위해 임시로 릴리즈 한 것이라고 하네요. IE8 표준(Strict) 모드에서 지원되는 DOM 선택자 API와 DOM 엘리먼...
Category: 자료 - 웹개발, Reactions: 2, Views: 32,058, Author: 파이어준
-
Prototype 개발팀의 소스를 직접 빌드하기
IE8에 대응하는 Prototype 소식이 궁금해서 리파지토리의 CHANGELOG를 살펴보니 숨가쁘게 커밋이 이루어 지고 있더군요. IE8과 관련한 DOM 컨트롤들이 빠른속도로 갱신되고 있었습니다. 다음에 릴리즈 될 버전을 조금이라...
Category: 자료 - 웹개발, Reactions: 0, Views: 37,117, Author: 파이어준
-
jQuery에서 OO 클래스 사용 - OOJS
Micah Snyder씨는 jQuery에서 사용할 수 있는 OO(Object-Oriented) 클래스를 사용하게 해주는 라이브러리를 만들었습니다. 마치 Prototype처럼요. 저같은 사람이 또 있었군요. 워~ "super"도 호출합니다. 개인적으로는 OO...
Category: 자료 - 웹개발, Reactions: 0, Views: 36,575, Author: 파이어준
-
Prototype 리팩토링하기
이 내용 역시 kangax씨가 작성한 것으로, Prototype 코드를 효율적으로 리팩토링한 예제입니다. 사실, 리팩토링이라기 보다는 Prototype의 유틸리티 함수의 활용법을 알리려는 것 처럼 보이네요. 반복 1 반복 2 삼항 연산...
Category: 자료 - 웹개발, Reactions: 0, Views: 23,706, Author: 파이어준
-
'with'의 사용으로 자바스크립트 성능개선
kangax씨가 2007년 9월에 작성한 내용입니다. "with" 명령문(Statements)으로 자바스크립트 성능을 향상시키는 방법에 대하여 다루고 있습니다. 아래의 코드를 실험해 보십시오..
Category: 자료 - 웹개발, Reactions: 3, Views: 34,996, Author: 파이어준
-
Prototype의 시맨틱 컨스트럭쳐 패치
요즘 kangax씨의 블로그를 즐겨 보고 있습니다. 배울점이 참 많네요. 다음 내용은 Prototype의 Class.create를 이용해서 생성한 함수에서 비롯된 작은 불만을 해결하는 내용을 담고 있습니다. 객체를 검증하는 가장 쉬운...
Category: 자료 - 웹개발, Reactions: 0, Views: 28,818, Author: 파이어준
-
Box2D 물리엔진을 자바스크립트로 포팅한 Box2DJS
Robert Kieffer씨는 Box2D 물리엔진(Physics Engine) 라이브러리를 자바스크립트(Canvas 엘리먼트 사용)로 포팅한 Box2DJS를 공개하고 위와 같은 랜더링 결과물을 만들어 냈습니다. Box2D는 객체의 접촉과 마찰을 매우 사실적으로...
Category: 자료 - 웹개발, Reactions: 4, Views: 103,085, Author: 파이어준