문서
-
Firefox 4 베타 – 동영상 preload 기능
이 글은 크리스 피어스의 블로그에 있는 글을 이 곳에 다시 올린 것입니다. HTML5 명세에 맞추기 위해서 우리는 autobuffer 속성을 세 가지 유형의 값을 갖는 preload 속성으로 변경했습니다. 여러분은 코드를 갱신하시기 바랍니다. MDC에 있는 관련 문서를 참고하세요. 지난 주 늦게 Firefox 트렁크(trunk)에 HTML5 video ‘preload’ 속성을 추가했습니다. 이 속성은 이전에 지원하던 autobuffer 속성을 대체하는 것입니다. 여러분이 […]
-
Firefox 4: HTML5 파서 – 인라인 SVG와 속도, 그 외
이 문서는 Firefox의 새로운 HTML5 파서를 개발하고 계신 Henri Sivonen님이 작성하신 게스트 문서 입니다. HTML 파서는 브라우저 중에서도 특히 복잡하고 섬세한 부분 중 하나입니다. HTML 파서는 HTML 소스가 어떻게 Web 페이지로 변환하는지를 컨트롤 하고, 그러한 변경 사항은 드문 일이라서 충분한 테스트가 필요합니다. 초기 처음 이후로 대부분의 Gecko는 90년대 후반에 으로 다시 빌드 되어졌으며, HTML 파서는 […]
-
JägerMonkey의 JavaScript 성능 향상
2008년 8월, Mozilla는 TraceMonkey를 소개 했습니다. 우리가 Firefox 3.5에 탑재한 이 새로운 엔진은 차세대 Web 브라우저와 Web 응용 프로그램을 구축하는데 있어서 성능의 새시대를 예고 하는 것 이였습니다. 우리가 새로운 엔진을 공개한 뒤, Google은 V8을 가진 Chrome을 발표했습니다. Apple 또한, Safari에 자체 엔진을 도입했고, Opera도 최신 베타 버전 브라우저에 새로운 엔진을 탑재하고 있습니다. 이러한 새로운 엔진의 […]
-
파이어폭스 3.6의 css 배경
파이어폭스 3.6은 css 배경에 대해 더 많은 것을 지원합니다. 그레디언트(http://hacks.mozilla.org/2009/11/css-gradients-firefox-36/)와, 배경이미지 사이즈background size, 그리고 여러 개의 배경 이미지multiple backgrounds를 쓸 수 있습니다. 배경 이미지 크기 조절 파이어폭스 3.6에서는 -moz-background-size를 이용하여 특정한 길이를 주거나, 엘레먼트의 사이즈의 비율에 맞춰 배경 이미지를 조절할 수 있습니다. -moz-background-size: <bg-size>[, <bg-size>]* 백분율. 예를 들면 백분율을 이용하여 사이즈 조절의 효과를 볼 수 […]
-
Firefox 4 – FormData 와 새로운 File.url 객체
이 글은 Gecko 내부의 콘텐트 관련 기능에 많은 작업을 하고 있는 조나스 시킹의 객원 글입니다. 그는 우리가 이전에 얘기했던 FormData에 대해서 다루기는 하지만, 거기에 더하여 Firefox 4에 추가된 File API의 중요한 부분인 File.url과 FormData를 어떻게 연계할 수 있는지를 보여줍니다. Firefox 4는 파일을 보다 쉽고 편하게 다룰 수 있는 기능들을 계속해서 추가하고 있습니다. Firefox 4 베타 […]
-
HTML5 기반 오프라인 이미지 에디터 데모
원글: an HTML5 offline image editor and uploader application, 2010년 2월 2일, Paul Rouget 많은 웹 어플리케이션들은 이미지 업로더를 사용한다: 이미지 호스팅 웹사이트, 블로그 출판 어플리케이션, 소셜 네트웍, 다른 많은 것들과 함께. 그런 업로더들은 제약사항들을 가지고 있다: 한 번에 하나 이상의 이미지를 업로드할 수 없으며 전송 전에 편집을 할 수 없다. 하나 이상의 이미지를 업로드하고 이미지를 […]
-
Firefox 4: 프레임 지연 생성(Lazy Frame Construction)으로 더 좋은 성능내기
이 글은 Timothy Nikkel의 블로그에서 퍼온 글입니다. 프레임 지연 생성(Lazy Frame Construction)은 Gecko에 새롭게 추가된 기능으로 많은 DOM관련 기능 동작(appendChild, insertBefore, etc)시 레이아웃을 즉시 재배치하지 않도록 합니다. 이 기능은 매우 복잡한 웹페이지의 인터랙티브 성능을 엄청나게 향상시킬 수 있습니다. 만약 이를 확인해 보기 원한다면 Firefox Nightly를 다운받으시기 바랍니다. 프레임 지연 생성은 최근에 mozilla-central 저장소에 포함되어졌습니다. 이 […]
-
오프라인 웹 애플리케이션 만들기
원글: offline web applications, 2010년 1월 7일, Paul Rouget 네트웍은 자바스크립트, CSS 그리고 HTML 소스 파일들과 (이미지나 비디오와 같은)리소스들을 내려받거나 (XMLHttpRequest와 <forms>을 사용하여) 웹 서비스를 다채롭게 하는데 사용되는 것을 떠나 어떠한 웹 어플리케이션에게나 핵심 요소다. 웹 어플리케이션들의 오프라인 지원은 사용자에게 정말 유용할 것이다. 예를 들면, 네트웍에 연결되어 있지 않을 때에도 사용자들이 자신의 수신함(inbox)에 있는 메일들을 […]
-
Web workers 사용하기
이 글은 bespin 프로젝트에서 Web Workers를 이용하여 많은 대단한 기능들을 구현한 Malte Ubl가 작성한 글입니다. 최근들어 웹어플리케이션의 사용자 경험(UX)는 점점 더 화려하고 풍부하게 발전되어 왔습니다. GMail, Meebo 그리고 Bespin같은 브라우저 안에서 동작하는 어플리케이션들은 미래의 웹이 어떻게 보여지고 느껴질지에 대한 그림을 보여주고 있습니다. 좋은 사용자경험(UX)을 완성하는데 있어 중요한 요소중에 하나가 사용자의 동작에 빠르게 반응하는 어플리케이션을 만드는 […]
-
Firefox 4: CSS3 calc()
이 글은 CSS3의 calc()를 기술한 것입니다. 이 기능은 아직 Firefox의 어떤 소스 트리에도 추가되지 않았지만, 구현을 위한 작업이 진행중입니다. Firefox는 CSS의 cals() 함수를 지원할 것인데 이 기능을 사용하면 산술 식을 통해 길이 값을 계산할 수 있습니다. 이 말은 div들의 크기나 마진 값, 경계(border)의 폭이나 그 외 여러가지의 크기를 정의할 때 산술 식을 사용할 수 있다는 […]
