1. JSMad – 자바스크립트 MP3 디코더

    2011/06/21 • by Kim, Myung Shin • Audio, Firefox 4, Firefox 5 • No comments yet

    최근의 브라우저들과 거기에 탑재된 자바스크립트 엔진의 속도는 항상 저를 놀라게 합니다. 그리고, 사용자가 설치해야만하고 (더 중요한 것은) 계속 최신 버전으로 유지해야하는 플러그인에 의존하지 않고, 브라우저 내에서 많은 것들을 해내려고 하는 창조적인 분들 역시 저를 놀라게 합니다. 가장 최근에 “오~!!”하면서 놀란 것은 아모스 웽거와 젠스 노커트, Read more…

  2. 파일 업로드를 재개하는 방법

    2011/04/20 • by Kim, Myung Shin • FileAPI, Firefox 4, HTML5 • No comments yet

    이 글은 객원 기고가인 사이몬 스파이크가 작성한 글입니다. 사이몬은 웹 개발자이며, 웹 표준 신봉자이자 모질라 0.8(!)부터 모질라 애호가입니다. 이번 글은 사이먼이 파일 API와 Firefox 4에서 새롭게 소개된 slice() 메소드를 가지고 실험한 내용입니다. 여기에 사이먼이 구현한 파일 업로드를 재개방법이 설명돼 있습니다. XHR 레벨 2 객체를 사용하면 Read more…

  3. HTML5 이미지 업로더 개발 방법

    2011/01/12 • by Kim, Myung Shin • Canvas, FileAPI, Firefox 4, XMLHttpRequest, 드로그앤드롭 • No comments yet

    HTML5에는 정말 놀라운 API들이 포함 돼 있습니다. 이러한 API를 <canvas> 엘리먼트와 조합하면, 강력하고 현대적이며 놀라운 이미지 업로더를 만들 수 있습니다. 이 글은 그런 이미지 업로더를 만드는 방법을 설명합니다. 여기에서 소개하는 모든 팁들은 Firefox 4에서 잘 동작합니다. 또한 웹킷 기반의 브라우저들에서도 문제없이 동작하는 대체 방법들도 기술하였습니다. Read more…

  4. Firefox 4 : 파이어폭스에서 최근 바뀐 점

    2010/09/22 • by Mincheol Im • Firefox 4 • No comments yet

    요즘 정말 바빠서 계속 업데이트할 기회가 없었는데 많은 일이 벌어졌네요: 자바스크립트 새 파이어폭스 자바스크립트 엔진 제이거몽키(Jägermonkey) 공개 새 브라우저 벤치마크 크라켄(Kraken) 공개 스파이더몽키(SpiderMonkey) JSON 문법 바뀜: 종결부 콤마는 이제 쓸 수 없음(trailing commas no longer accepted) 새 엄격한 ES5 모드(ES5 strict mode) 지원, 제한 사항 Read more…

  5. Firefox 4: 하드웨어 가속

    2010/09/10 • by Kim, Myung Shin • Firefox 4, 성능, 주요 데모, 주요 문서 • No comments yet

    Firefox 4 베타 최근 버전이 나왔습니다. 이 버전에는 Direct2D 가속 기능이 기본적으로 활성화 돼 있습니다. 하드웨어 가속이란? “하드웨어 가속(Hardware acceleration)”이란 기본적으로 환경이 허락하는 경우 (CPU 대신에) GPU를 사용하는 것입니다. 이 기능은 페이지 그리는 작업을 더 빠르게 합니다. 가속에는 다음과 같이 두 가지의 수준이 있습니다. 콘텐트 Read more…

  6. Firefox 4 베타: 웹 개발자를 위한 변경 사항

    2010/09/07 • by cain • Firefox, Firefox 4 • No comments yet

    파이어폭스 4 베타가 갱신되었습니다(이 링크에서 받아가세요). 이번 베타 버전은 수백가지의 버그 해결(버그는 이 페이지를 참고하세요:영문), 파이어폭스 싱크, 파이어폭스 파노라마(파이어폭스 싱크는 북마크, 방문기록, 툴바, 비밀번호, 폼 데이터 등을 여러 컴퓨터와 모바일 디바이스에서 사용하도록 해 주며, 파이어폭스 파노라마는 키 스트로크 등을 이용하여 탭을 그룹화하거나 탭의 우선순위를 조절할 Read more…

  7. Firefox 4 베타 – 동영상 preload 기능

    2010/09/03 • by Kim, Myung Shin • Audio, Firefox, Firefox 4, HTML5, Video, 웹표준 • No comments yet

    이 글은 크리스 피어스의 블로그에 있는 글을 이 곳에 다시 올린 것입니다. HTML5 명세에 맞추기 위해서 우리는 autobuffer 속성을 세 가지 유형의 값을 갖는 preload 속성으로 변경했습니다. 여러분은 코드를 갱신하시기 바랍니다. MDC에 있는 관련 문서를 참고하세요. 지난 주 늦게 Firefox 트렁크(trunk)에 HTML5 video ‘preload’ 속성을 Read more…

  8. Firefox 4 – FormData 와 새로운 File.url 객체

    2010/07/12 • by Kim, Myung Shin • FileAPI, Firefox 4 • No comments yet

    이 글은 Gecko 내부의 콘텐트 관련 기능에 많은 작업을 하고 있는 조나스 시킹의 객원 글입니다. 그는 우리가 이전에 얘기했던 FormData에 대해서 다루기는 하지만, 거기에 더하여 Firefox 4에 추가된 File API의 중요한 부분인 File.url과 FormData를 어떻게 연계할 수 있는지를 보여줍니다. Firefox 4는 파일을 보다 쉽고 편하게 Read more…

  9. Firefox 4: 프레임 지연 생성(Lazy Frame Construction)으로 더 좋은 성능내기

    2010/07/06 • by Banseok Ahn • DOM, Firefox 4, 성능 • No comments yet

    이 글은 Timothy Nikkel의 블로그에서 퍼온 글입니다. 프레임 지연 생성(Lazy Frame Construction)은 Gecko에 새롭게 추가된 기능으로 많은 DOM관련 기능 동작(appendChild, insertBefore, etc)시 레이아웃을 즉시 재배치하지 않도록 합니다. 이 기능은 매우 복잡한 웹페이지의 인터랙티브 성능을 엄청나게 향상시킬 수 있습니다. 만약 이를 확인해 보기 원한다면 Firefox Nightly를 Read more…

  10. Firefox 4: CSS3 calc()

    2010/06/15 • by Kim, Myung Shin • CSS, Firefox 4 • No comments yet

    이 글은 CSS3의 calc()를 기술한 것입니다. 이 기능은 아직 Firefox의 어떤 소스 트리에도 추가되지 않았지만, 구현을 위한 작업이 진행중입니다. Firefox는 CSS의 cals() 함수를 지원할 것인데 이 기능을 사용하면 산술 식을 통해 길이 값을 계산할 수 있습니다. 이 말은 div들의 크기나 마진 값, 경계(border)의 폭이나 그 Read more…