-
Prototype.js에서 SVG 요소에 DOM 메서드 적용하기
Prototype.js에서 SVG 요소에는 DOM 메서드가 적용되어 있지 않아 몇 줄을 수정해서 사용하고 있었다는 사실을 잊고 있었습니다. 그래서 이번에 업데이트된 1.7.1에도 적용했습니다. 이게 되면 무엇이 가능하냐고요? SVG...
Category: 자료 - 웹개발, Reactions: 1, Views: 54,542, Author: 파이어준
-
자바스크립트로 SVG 지원여부 확인하기
푸하하! 결국에는 SVG 로고를 홈페이지에 적용했습니다. 위 화면은 적용후 파이어폭스 5에서 300% 확대하여 캡쳐한 화면입니다. SVG지원 여부를 판단하기 위한 스크립트를 서너개 찾았는데 그 중에서도 애플에서 사...
Category: 자료 - 웹개발, Reactions: 14, Views: 173,580, Author: 파이어준
-
네비게이션 메뉴에 SVG 적용한 애플홈
최근 홈페이지 리뉴얼 프로젝트를 중간에 인수받아 우여곡절 끝에 마무리하고 성공적으로 오픈했습니다. 안정화 기간이라서 여러 개선/교정/변경 사항들이 속출하고 있는 가운데 참 재미있는 항목이 하나 있었습...
Category: 자료 - 웹개발, Reactions: 23, Views: 162,070, Author: 파이어준
-
자바스크립트 3D 엔진 - three.js
Ricardo Cabello씨는 수년간 갈고 닦은 3D 프로그래밍 실력으로 HTML5의 <canvas>, <svg>요소와 자바스크립트를 이용하여 구현되는 3D 엔진 라이브러리인 three.js를 오픈소스로 개발하고 있습니다. 최근에 배포한 업...
Category: 자료 - 웹개발, Reactions: 9, Views: 76,305, Author: 파이어준
-
HTML5로 구현한 플래시 런타임 - Gordon
Tobias Schneider씨는 순수 자바스크립트와 HTML5를 이용하여 플래시 런타임을 에뮬레이션하는데 성공했습니다. HTML5를 지원하는 브라우저인 파이어폭스, 크롬, 사파리 그리고 모바일 사파리에서 작동합니다. 아직 이렇...
Category: 자료 - 웹개발, Reactions: 15, Views: 85,486, Author: 파이어준
-
SVG와 Audio 요소를 접목한 3D 음향 파장
웹 브라우저 성능의 한계를 시험하는 것을 즐기는 Ricardo Cabello씨는 HTML5의 audio요소와 SVG요소를 접목하여 3차원 음향 파장을 만들어 냈습니다. 헉! HTML5의 audio 요소 명세를 살펴보면 음향 신호를 분석할 수 있는 API...
Category: 자료 - 웹개발, Reactions: 0, Views: 45,429, Author: 파이어준
-
벡터 그래픽 생성 자바스크립트 라이브러리 - Raphaël
라파엘(Raphaël)은 웹상에서 벡터(vector) 그래픽을 생성할 수 있도록하는 작은 자바스크립트 라이브러리입니다. 차트를 생성하거나 이미지 크롭 및 회전 등을 쉽고 간단하게 만들어낼 수 있습니다. 라파엘은 CANVAS요...
Category: 자료 - 웹개발, Reactions: 0, Views: 57,502, Author: 파이어준
-
Prototype기반 벡터 그래픽 프레임웍 - PGF
Prototype Window 컴포넌트를 만든 Sebastien Gruhier씨는 프로토타입 그래픽 프레임웍(PGF)이라는 매우 흥미로운 프로젝트를 진행합니다. 모든 브라우저에서 사용할 수 있는 Prototype.js 기반 벡터(vector) 그래픽 프레임웍을 ...
Category: 자료 - 웹개발, Reactions: 2, Views: 45,845, Author: 파이어준