주요 문서
-
CSS :visited에 대한 프라이버시 정책변화
모질라에서는 프라이버시를 위해 CSS :visited에 대한 정책을 변경하고자 한다.
-
WOFF 산업 표준과 Firefox 3.6
오늘 우리는 파이어폭스 3.6 버전을 내놓았고 사용자들은 판올림을 시작했다. 더 중요한 사항 가운데 하나는 우리가 개발자들을 위해 WOFF라는 새 글꼴 표준을 지원한다는 것이다. WOFF는 활자(type) 커뮤니티에서 폭넓은 지지를 받아왔고 우리는 그 결과를 확인하기 시작했다. 출시된 당일(on day zero) 우리가 지목할만한 사례를 몇가지 들어 본다 : 1. 세계 최대 활자 개발사 폰트폰트(FontFont)는 FF 누보 미디움 데모(FF […]
-
Firefox 3.6에서 HTML용 pointer-events
CSS 속성(property)인 pointer-events는 오랫동안 SVG의 일부로써 쓸 수 있었다. 만일 요소(element)에 마우스이벤트(mouse event)가 마우스 바로 밑에 있는 요소에 보내져야 하거나 또는 그 밑에 있는 요소로 뚫고 지나가야 할 때 이를 제어하는 방법이다. 파이어폭스 3.6에서 우리는 속성을 확장해 일반적인 HTML 콘텐츠에서도 이를 적용할 수 있게 만들었다. SVG 사용시에는 pointer-events 속성을 여러 값(values)중 하나로 정할 수 있지만, […]
-
CSS 그라데이션(gradient)으로 멋진 버튼 만들기
이 데모를 만들고 쉽게 튜토리얼로 만들 수 있게 도와준 라이언 도허티에게 특별한 감사를 전합니다. 이번 데모에서는 Firefox 3.6에 새롭게 추가된 그라데이션(gradient) 기능을 사용하는 간단한 예를 살펴볼 것입니다(관련글 보기). gradient와 기존의 CSS 속성을 사용하여 양각화와 빗면 처리가 된 멋진 모양의 버튼을 만들 것입니다. 이 버튼은 다음 버전의 Personas 사이트에서 사용하려고 개발됐습니다. 버튼을 만드는데 CSS 기반의 메소드를 […]
-
쉬운 예제로 보는 웹 폰트와 css 특징들
이 글은 Laurent Jouanneau에 의해 작성되었습니다. 그는 Firefox 3.5에서 웹 폰트와 CSS와 관련된 새로운 기능들을 어떻게 사용하는지 쉽고도 우아한 데모를 만드는 것에 관심이 많습니다. 이 글은 하동욱님께서 번역해 주셨습니다. View the Demo in Firefox 3.5 그림자와 둥근 테두리 먼저, 툴바에 스타일을 적용해 봅시다. -moz-border-radius -moz-border-radius:10px 0px 10px 0px; 이것는 좌상단과 우하단 경계 모퉁이가 10픽셀 반경으로 […]
-
-moz-box-shadow를 이용한 상자 그림자
이 글은 하동욱님께서 번역해 주셨습니다. 원본 위치: http://hacks.mozilla.org/2009/06/moz-box-shadow/ 파이어폭스 3.5에서 구현된 또 하나의 재미있는 CSS3 기능(feature)은 box shadow입니다. 이 기능은 거의 모든 element의 프레임에 그림자를 드리울 수 있도록 해줍니다. 그러나 CSS3 box shadow 기능은 아직 진행단계에 있기 때문에, 파이어폭스에서는 -moz-box-shadow라는 이름으로 구현하였습니다. CSS의 실험적인 기능을 모질라에서 어떻게 테스트하는지 보여주는 예라고 할 수 있겠습니다. 이름 앞에 […]
-
텍스트에 그림자 만들기
이 글은 Mozilla 웹 개발 팀의 Frederic Wenzel이 작성하였습니다. text-shadow라는 CSS 프로퍼티는 이름이 말해 주듯이 텍스트 주변 부분에 그림자를 만들고 흐리게 해주는 기능을 제공합니다. text-shadow는 CSS2에서 처음 등장했으나 그 당시에 정확히 정의를 못했고 CSS 2.1에서 빠지게 되었습니다. CSS3에서 다시 등장한 이 기능은 현재 Firefox 3.5 기능 탑재가 완료되었습니다. 동작 방식 CSS 3 표준 스펙에 따르면 […]
