주요 문서
-
HTML5 캔버스에서 드래그 앤 드롭을 이용하여 섬네일 만들기
이 글은 Creating thumbnails with drag and drop and HTML5 canvas 을 번역한 글입니다. HTML5 캔버스는 뛰어난 특징을 가지고 있다. 겉보기에는 브라우저 내에서 저수준의 API를 이용하여 그림을 그리는 것뿐이지만 실제로는 이를 이용하여 이미지나 문서 내 비디오 컨텐츠를 조정하거나 변경할 수 있다. 이제 캔버스를 이용하여 브라우저 문서 안에 있는 이미지의 섬네일을 생성하기 위해 사용하는 FileReader API에 […]
-
Firefox OS 기본 샘플 앱 공개
새로운 플랫폼을 개발하고 배포할 때 꼭 필요한 것이 바로 샘플 코드와 샘플앱니다. Firefox OS에서 동작하는 웹앱 개발을 위해서도 아래와 같이 몇 가지 샘플 개발 코드를 공유한 적이 있습니다. fxosstub – 최소화된 앱 코드 사례 모르타르를 통해 신속하게 웹 애플리케이션을 작성 (영문) 웹앱 개발 과정 소개 웹앱 개발 문제점 최근 저는 웹개발자가 참여해서 Firefox OS 웹앱을 […]
-
BrowserQuest – HTML5+Websocket 기반 웹게임
본 문서는 HTML5 웹 게임 중 Little Workshop 이 만든 멀티 유저 롤플레잉 게임인 BrowserQuest에 대한 문서입니다. (게임 개발자 @glecollinet & @whatthefranck)와 Mozilla에서 함께 개발함. 게임 위치: browserquest.mozilla.org BrowserQuest는 고전적인 비디오 게임을 다중 사용자 지원 버전으로 만든 것입니다. 어드벤처 기반의 전사역할이며 공주를 구하는 것은 아니고 단지 보물을 발견해서 채우는 것입니다. HTML5과 자바스크립트 기반으로 개발되었으며, 오픈 […]
-
Firefox 4 모바일: 데모 보기
Firefox 4 모바일 (Maemo 및 Android) 버전이 출시되었습니다. 새 버전에 대한 주요한 기술 사항을 보시려면 Madhava의 글을 참고하시기 바랍니다. Firefox 4 동일 엔진 사용 모바일 및 데스크톱 버전의 렌더링 엔진은 동일 합니다. 따라서 HTML5, CSS3 및 최신 자바스크립트 API를 모두 사용할 수 있고, Mozilla의 데모 사이트인 Web O Wonder도 보실 수 있습니다. (최근에 3D 데모도 […]
-
Firefox 4: 하드웨어 가속
Firefox 4 베타 최근 버전이 나왔습니다. 이 버전에는 Direct2D 가속 기능이 기본적으로 활성화 돼 있습니다. 하드웨어 가속이란? “하드웨어 가속(Hardware acceleration)”이란 기본적으로 환경이 허락하는 경우 (CPU 대신에) GPU를 사용하는 것입니다. 이 기능은 페이지 그리는 작업을 더 빠르게 합니다. 가속에는 다음과 같이 두 가지의 수준이 있습니다. 콘텐트 가속은 텍스트나 이미지, CSS 경계선 등과 같은 실제 페이지 콘텐트를 […]
-
HTML5 기반 오프라인 이미지 에디터 데모
원글: an HTML5 offline image editor and uploader application, 2010년 2월 2일, Paul Rouget 많은 웹 어플리케이션들은 이미지 업로더를 사용한다: 이미지 호스팅 웹사이트, 블로그 출판 어플리케이션, 소셜 네트웍, 다른 많은 것들과 함께. 그런 업로더들은 제약사항들을 가지고 있다: 한 번에 하나 이상의 이미지를 업로드할 수 없으며 전송 전에 편집을 할 수 없다. 하나 이상의 이미지를 업로드하고 이미지를 […]
-
Firefox 3.6에서 HTML용 pointer-events
CSS 속성(property)인 pointer-events는 오랫동안 SVG의 일부로써 쓸 수 있었다. 만일 요소(element)에 마우스이벤트(mouse event)가 마우스 바로 밑에 있는 요소에 보내져야 하거나 또는 그 밑에 있는 요소로 뚫고 지나가야 할 때 이를 제어하는 방법이다. 파이어폭스 3.6에서 우리는 속성을 확장해 일반적인 HTML 콘텐츠에서도 이를 적용할 수 있게 만들었다. SVG 사용시에는 pointer-events 속성을 여러 값(values)중 하나로 정할 수 있지만, […]
