Featured Articles
-
파이어폭스 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>]* Read more…
-
HTML5 기반 오프라인 이미지 에디터 데모
원글: an HTML5 offline image editor and uploader application, 2010년 2월 2일, Paul Rouget 많은 웹 어플리케이션들은 이미지 업로더를 사용한다: 이미지 호스팅 웹사이트, 블로그 출판 어플리케이션, 소셜 네트웍, 다른 많은 것들과 함께. 그런 업로더들은 제약사항들을 가지고 있다: 한 번에 하나 이상의 이미지를 업로드할 수 없으며 전송 Read more…
-
CSS 그라데이션(gradient)으로 멋진 버튼 만들기
이 데모를 만들고 쉽게 튜토리얼로 만들 수 있게 도와준 라이언 도허티에게 특별한 감사를 전합니다. 이번 데모에서는 Firefox 3.6에 새롭게 추가된 그라데이션(gradient) 기능을 사용하는 간단한 예를 살펴볼 것입니다(관련글 보기). gradient와 기존의 CSS 속성을 사용하여 양각화와 빗면 처리가 된 멋진 모양의 버튼을 만들 것입니다. 이 버튼은 다음 Read more…
-
Firefox 3.6의 W3C FileAPI
웹 애플리케이션은 서버로 파일을 업로드 하는 경우처럼 필요한 경우 사용자에게 파일을 선택하도록 합니다. 웹 애플리케이션이 플러그인을 사용하지 않는 다면<input type="file"/>같은 HTML input 엘리먼트를 통해 파일을 선택하게 됩니다. Firefox 3.6은 이제 W3C File API의 많은 부분을 지원합니다. W3C File API는 선택된 파일들을 메모리로 비동기적으로 읽어들이는 기능과 Read more…
-
파이어폭스 3.6에서 HTML용 pointer-events
CSS 속성(property)인 pointer-events는 오랫동안 SVG의 일부로써 쓸 수 있었다. 만일 요소(element)에 마우스이벤트(mouse event)가 마우스 바로 밑에 있는 요소에 보내져야 하거나 또는 그 밑에 있는 요소로 뚫고 지나가야 할 때 이를 제어하는 방법이다. 파이어폭스 3.6에서 우리는 속성을 확장해 일반적인 HTML 콘텐츠에서도 이를 적용할 수 있게 만들었다. Read more…
-
WOFF 산업 표준과 파이어폭스 3.6
오늘 우리는 파이어폭스 3.6 버전을 내놓았고 사용자들은 판올림을 시작했다. 더 중요한 사항 가운데 하나는 우리가 개발자들을 위해 WOFF라는 새 글꼴 표준을 지원한다는 것이다. WOFF는 활자(type) 커뮤니티에서 폭넓은 지지를 받아왔고 우리는 그 결과를 확인하기 시작했다. 출시된 당일(on day zero) 우리가 지목할만한 사례를 몇가지 들어 본다 : Read more…
-
Firefox 3.6에서 지원되는 ClassList
이 문서는 프랑스 OpenWeb 지지자 Anthony Ricaud에 의해 작성된 것 입니다. classList가 왜 필요한가. 동적 웹 응용 프로그램은 일반적으로 내부 매커니즘으로 부터 시작적은 피드백을 필요로 하거나, 다른 시각적인 요소를 사용자의 조작에 의해 표시해야 합니다. 사용자 인터페이스를 쉽게 변경 하기 위해, DOM API(document.createElement, div.removeChild, elt.style.color, …)를 Read more…