주요 문서
-
PDF.js 얼마나 빠른가?
이 글은 Thorben Bochenek와 Robert Nyman [Editor]이 쓴 How fast is PDF.js?의 한국어 번역본입니다. 안녕하세요, 제 이름은 Thorben 입니다. 저는 오슬로에 있는 오페라 소프트웨어에서 일하고 있습니다. 모질라가 아닙니다. 그런 제가 왜 모질라 블로그에 글을 쓰고 있을까요? 알고 계실지 모르겠지만 오페라 브라우저에는 디폴트 PDF 뷰어가 없습니다. 우리가 개선하고 싶은 부분이지요. 어떻게 개선하면 좋을까요? Adobe 나 Foxit […]
-
파이어폭스 개발자 도구 캔버스 디버거를 소개합니다
캔버스 디버거(Canvas Debugger)는 우리가 샌프란시스코 게임개발자컨퍼런스(Game Developers Conference)에서 시연한 새로운 도구입니다. 캔버스 요소에서 표현되는 애니메이션 프레임을 디버깅하는 도구지요. 여러분이 시각효과, 애니메이션을 만들거나 게임 디버깅을 할 때 이 도구는 여러분의 애니메이션 루프(loop)를 이해하고 최적화하는 데 도움이 될 겁니다. 여러분이 웹GL(WebGL) 또는 2D 캔버스 콘텍스트를 디버깅할 수 있게 해줍니다. 여러분은 파이어폭스 개발자 도구(Firefox’ Developer Tools)에 포함된 자바스크립트 […]
-
HTML5 캔버스에서 드래그 앤 드롭을 이용하여 섬네일 만들기
이 글은 Creating thumbnails with drag and drop and HTML5 canvas 을 번역한 글입니다. HTML5 캔버스는 뛰어난 특징을 가지고 있다. 겉보기에는 브라우저 내에서 저수준의 API를 이용하여 그림을 그리는 것뿐이지만 실제로는 이를 이용하여 이미지나 문서 내 비디오 컨텐츠를 조정하거나 변경할 수 있다. 이제 캔버스를 이용하여 브라우저 문서 안에 있는 이미지의 섬네일을 생성하기 위해 사용하는 FileReader API에 […]
-
getUserMedia 기능 구현 완료
원문: getUserMedia is ready to roll! (on July 13, 2012 by Anant Narayanan) 금년 4월에 저희는 WebRTC 활동에 대한 내용을 소개해드렸으나, 오늘은 더 흥미로운 최신 정보를 알려 드립니다. getUserMedia가 mozilla-central에 탑재 되었습니다! 이 API는 Firefox 최신 Nightly 버전으로 사용할 수 있게 되었으며, 12주후 최종적으로 정식 출시에서도 사용할 수 있게 됩니다. getUserMedia는 웹 페이지가 동영상이나 음성 […]
-
WebRTC 데모 및 개발 진행 사항
원문: WebRTC efforts underway at Mozilla! (on April 3, 2012 by Anant Narayanan) 지난 주 파리에서 개최된 IETF 83에 Mozilla 에서 소수의 인원이 참가했습니다. 우리는 거기서 WebRTC가 기술 지원된 별도 개발된 Firefox 빌드를 사용하여 BrowserID 로 인증된 두 가지 브라우저 사이에 간단한 비디오 컨퍼런스콜의 초기 데모를 선보였습니다. WebRTC가 Firefox에 통합되려면 아직 좀 시간이 걸리겠지만 이미 […]
-
pdf.js: HTML과 JS를 이요한 문서 PDF 읽기
원문: Andreas Gal : pdf.js: Rendering PDF with HTML5 and JavaScript 서울과 대만 등 Firefox 4 출시 파티를 마치고 캘리포니아로 돌아오는 동안에, 저희들은 웹 플랫에서 어떤 일이 생기면 좋을지 멋있는 브레인 스토밍(brainstorming)으로 많은 시간을 때웠습니다. 이전에 생각한 사람은 몇 사람 있었겠지만, 저희들은 왜 아무도 HTML5와 JavaScript로 PDF 리더를 구현하지 않는지 의문으로 생각했습니다. PDF리더에게 필요하게 되는 […]
-
HTML5 이미지 업로더 개발 방법
HTML5에는 정말 놀라운 API들이 포함 돼 있습니다. 이러한 API를 <canvas> 엘리먼트와 조합하면, 강력하고 현대적이며 놀라운 이미지 업로더를 만들 수 있습니다. 이 글은 그런 이미지 업로더를 만드는 방법을 설명합니다. 여기에서 소개하는 모든 팁들은 Firefox 4에서 잘 동작합니다. 또한 웹킷 기반의 브라우저들에서도 문제없이 동작하는 대체 방법들도 기술하였습니다. API의 대부분은 IE에서는 동작하지 않지만, 그에 대한 대비책으로 일반적인 폼을 […]
-
Canvas와 Burst를 이용한 SVG 애니메이션
본 데모는 Firefox 3.5 Beta 4 이상을 설치해서 보시길 권합니다. 오늘 보여드릴 데모는 매우 짧은 것이긴 하지만 어떻게 개발했는지 스크린 캐스트로 설명해 드릴려고 합니다. 이 데모는 Alistair MacDonald (@F1LT3R)가 만들었고 Processing.js의 개발자이자 이 데모의 기반이 된 Burst engine을 만드는 사람입니다. 아직 여러분이 데모 사이트를 보지 않으셨다면 먼저 보시길 권해 드립니다. 이 웹 사이트는 애니메이션과 매끈하게 […]
-
이미지 분위기 있게 만들기
이 글은 silverorange에 기고한 글이며 Mike Gauthier가 작성한 글입니다. silverorange은 본 35일간의 일기 프로젝트를 위한 데모 역시 제공하고 있습니다. 주의: 본 데모 페이지는 CPU가 많이 쓰이는 작업을 포함하고 있습니다. 본 기능에 관심이 있더라도 CPU 성능이 낮은 PC인 경우는 스크린샷만을 봐 주시기 바랍니다. 또한, 본 기능은 Firefox 3.5 RC1에서 더 잘 구동 되며 Beta 4 이하에서는 […]
-
콘텐츠 기반 자동 이미지 크기 조정
이 예제는 Stephane Roucheray가 작성했으며 그는 PIMS 팀의 일원입니다. 본 글은 Pims World Labs 블로그에 소개되었습니다. Firefox 자동 이미지 크기 변경 데모를 보면 콘텐츠 기반 자동 이미지 크기 변경(Content Aware Image Resizing)이 콘텐츠 너비에 따라 자동으로 이미지 크기가 변하게 한다는 것을 알 수 있습니다. 비선형적 이미지 크기변경이라는 이러한 아이디어 Shai Avidan와 Ariel Shamir에 의해 2007년에 […]
