문서
-
텍스트에 그림자 만들기
이 글은 Mozilla 웹 개발 팀의 Frederic Wenzel이 작성하였습니다. text-shadow라는 CSS 프로퍼티는 이름이 말해 주듯이 텍스트 주변 부분에 그림자를 만들고 흐리게 해주는 기능을 제공합니다. text-shadow는 CSS2에서 처음 등장했으나 그 당시에 정확히 정의를 못했고 CSS 2.1에서 빠지게 되었습니다. CSS3에서 다시 등장한 이 기능은 현재 Firefox 3.5 기능 탑재가 완료되었습니다. 동작 방식 CSS 3 표준 스펙에 따르면 […]
-
이미지 분위기 있게 만들기
이 글은 silverorange에 기고한 글이며 Mike Gauthier가 작성한 글입니다. silverorange은 본 35일간의 일기 프로젝트를 위한 데모 역시 제공하고 있습니다. 주의: 본 데모 페이지는 CPU가 많이 쓰이는 작업을 포함하고 있습니다. 본 기능에 관심이 있더라도 CPU 성능이 낮은 PC인 경우는 스크린샷만을 봐 주시기 바랍니다. 또한, 본 기능은 Firefox 3.5 RC1에서 더 잘 구동 되며 Beta 4 이하에서는 […]
-
Geolocation 위치 정보 기능
이 글은 Firefox 3.5의 Geolocation 기능을 개발한 Doug Turner가 작성하였습니다. 다양한 위치 정보를 이용하는 것이 현재 인터넷의 큰 화두입니다. 제가 토론토의 한 커피숍에 있고 제가 구글에서 검색을 한다고 하면 제 IP 주소를 기반으로 캐나다의 구글 페이지로 이동 시켜 줍니다. 주변의 제일 가까운 영화관을 찾고자 한다고 하면 나의 우편 번호를 기반으로 찾을 수 있겠지요. 웹 기반 […]
-
콘텐츠 기반 자동 이미지 크기 조정
이 예제는 Stephane Roucheray가 작성했으며 그는 PIMS 팀의 일원입니다. 본 글은 Pims World Labs 블로그에 소개되었습니다. Firefox 자동 이미지 크기 변경 데모를 보면 콘텐츠 기반 자동 이미지 크기 변경(Content Aware Image Resizing)이 콘텐츠 너비에 따라 자동으로 이미지 크기가 변하게 한다는 것을 알 수 있습니다. 비선형적 이미지 크기변경이라는 이러한 아이디어 Shai Avidan와 Ariel Shamir에 의해 2007년에 […]
-
Canvas에서 Pixel 이용하기
이 글은 Mozilla Evangelism팀의 Paul Rouget이 쓴 글이며 그는 프랑스 파리에 살면서 open video on the web이라는 작업을 진행했습니다. Canvas는 간단하게 HTML 페이지 내에 비트맵 데이터를 넣을 수 있는 방법입니다. 즉, 이를 통해 사각형, 곡선, 다각형 등 다양한 개체를 표현할 수 있습니다. 그러나 어떤 측면에서는 픽셀 데이터 즉 이미지를 이용할 필요가 있습니다. Firefox 3.5에서는 canvas […]
-
Firefox 35일간의 일기
Firefox 3.5 출시를 앞두고 35일간 새로운 개발 기능들을 소개하려고 합니다. 현재 진행 중인 Firefox 3.5는 개인 정보 보호 기능 향상, 자바스크립트 엔진 교체로 인한 성능 향상 등 다양한 업그레이드가 예상 됩니다. 하지만 Firefox 3.5가 원하는 것은 웹 그 자체의 거대한 업그레이드 입니다. 새로운 버전에서는 오디오, 비디오 기능, 자바스크립트 쓰레드 기능, 새로운 캔버스 기능 그리고 수십가지의 […]